Only on iPhone iOS 15.3 on 'Mobile Safari UI/WKWebView 15.3' viewing an asp.net v4.8 webapp with jQuery UI - v1.10.4 - 2014-01-17
Any suggestions on origin, or how to mitigate?
Related
I'm working on an Angular 6 web site and I face a weird problem only on Chrome in IOS (iPad, iPhone).
Each page renders correctly when going directly to each link. But when I click on any of the links inside any page, it generates a NavigationError like these one:
TypeError: Argument 1 ('other') to Node.contains must be an instance of Node
TypeError: Argument 1 ('node') to Node.insertBefore must be an instance of Node
It's really difficult to debug Chrome inside IOS so it's hard to get more information.
My web site is working well on any other browsers and OS, Firefox(windows, linux), Chrome (windows and linux), Safari (ios, osx, windows).
Anyone got an idea where to start looking?
Thank you!
Apparently, the problem is happening only on Google Chrome iOS when this code is present:
let script = window['document'].createElement('script');
script.setAttribute('type', 'text/javascript');
script.setAttribute('src', 'https://www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1');
window['document'].body.appendChild(script);
window['__onGCastApiAvailable'] = function (isAvailable) { /*Do chromecast initialization*/}
So I added this condition:
if(!navigator.userAgent.match('CriOS'))
Problem resolved.
I really don't know why cast framework is breaking angular routing.
I have installed Visual Studio 2017 Preview installed yesterday and implemented a simple app which loads responsive site in webview.
Everything works fine in Android mobile using Xamarin live player. However am facing error when am trying to run the application in Ipad xamarin live player.
Exception : Vizualization Error
Exception of type 'Fundation.ModelNotImplementedException' was thrown.
(ModelNotImplementedException)
Environment: Visual studio 2017 Preview latest.
Xamarin Forms application using portable class library
One simple xaml page which loads the webview.
MainPage.xaml Code:
<ContentPage.Content>
<StackLayout>
<WebView x:Name="browser" Source="https://www.example.com" WidthRequest="1000"
HeightRequest="1000"></WebView>
</StackLayout>
</ContentPage.Content>
The player is not working for iOS and PCL at the moment:
https://forums.xamarin.com/discussion/95379/xamarin-live-player-ios-foundation-modelimplementationnotfound
we have migrated a worklight 6.1 application t IBM mobilefirst 7.0 platform and all the functionalities working as expected on the android environment, but in ios we are facing an issue: there is a function called "quick receipt". on click on a button the device camera opens and a photo is taken. The problem is that the photo is not displaying - it returns complete blank page this issue on ios device only but not on Android device.
Camera.DestinationType.FILE_URI is not working on IOS.
for security reason we wont share the code. here is similar prototype code.
html
<div><img alt="QuickReceipts" src="resources/img/camera.png" onclick="imgCapture();"</div>
JavaScript
imgCapture: function (){
navigator.camera.getPicture(this.onSuccess, this.onFail,{quality:80,destinationType:Camera.DestinationType.FILE_URI, targetWidth:600,targetHeight:1050}
},
onSuccess:function(imgData)
{
// applying the css and displaying the img
$("#imgReceipt").attr("src","data:image/jpeg;base64," +imgData);
$("#imgReceipt").css("display", "block");
}
onFail:function(imgData){
// failure msg
}
One suggestion is to attempt to code change as mentioned by Nazmul: http://www.telerik.com/forums/ios-cordova-3-5-0-camera-getpicture-targetwidth-issue.
Another suggestion is to upgrade to the latest 7.1 iFix from IBM Fix Central which contains several Cordova corrections and may address your issue.
If your issue is not resolved still, I suggest to open an IBM PMR (support ticket).
recently, when using display:flex and flex-grow, i find a problem:
i write a demo about this question:
demo
i run the demo using mac chrome(emulate screen resolution: 320*480)
and ios (lastest) safari,
the result of chrome is what i expected
the screen shot of results below:
the result of safari:
the result of chrome:
update:
A new demo that the css property is prefixed by(-webit-), but it don't work for me.
update:
the viewport need enough narrow to trigger the text-overflow:ellipse,the bug would occur;
I have integrated ezfb in my Ionic app.
If I insert a Like Button (like in the demo) , the button shows up when I debug in the desktop browser, but when I build an iOS app and test in the iOS simulator, the button is not shown.
<div ng-show="data.post.meta.showfbwidgets" class="fb-like padding" onrender="widget.rendered = true" data-href="{{ data.post.link}}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="true"></div>
How can I use Facebook widgets in an Ionic app?