I'm using jquery mobile & phonegap to create an app.
jqm version 1.3.1, currently in testing my app with an android device
i'v created a simple popup (code taken from jqm web site)
and the popup shows correctly on my pc (page gets opacity) but on the android device the popup is shown different,
the background page looks like it has a black background, but when i scroll (yes i can scroll when the popup is still opend) some of the background looks ok with an opacity, similar to how it looks on my pc.
Any ideas on what is the reason?
10x
I had the same issue for android sdk 17 (not for older versions which I tested).
Even though this answer might be to late for this questioner, it may help someone else.
My solution:
In your android manifest, switch android:anyDensity="true" to
android:anyDensity="false"
Regards, miweiss
Related
I am having issues with something on my website. I wanted to make a timepicker and it worked well on my laptop but as soon as i test it on my phone it breaks the timepicker. This website should only work for Mobile and i noticed that this problem only occurs on IOS. Does anyone know what the problem might be? I will leave images to make the problem visual. Thanks for your suggestions On laptop but with Mobile mode activated On IOS no time visible
Im creating an web application in Angular 5 that should work fine also on mobile devices. The progress bar of it is an svg image, created in Adobe Illustrator and exported to svg. I have made it work fine on Android, Mac and Windows (all browsers) but Im having a problem with clip-path being rendered on Chrome or Safari browser that runs on IPhone IOS.
I have tried managing it by normal
clip-path: url(#clip-path);
and also by webkit specific:
-webkit-clip-path: url(#clip-path);
But insted of something like that:
Image preview:
I get this on Safari or Chrome on IOS:
Wrong image preview:
So it looks like clipping is completely ignored, but weird thing is that on Mac it works fine.
Please suggest how to solve it, as Im struggling with it for few days.
I have also created demo on
Stackblitz
I have an app that is built with PhoneGap. One page in the app copies the contents of other page's canvases as images. This worked fine on older versions of iOS, but recently I noticed that the copied canvases are sometime blank. The rest of the page is rendered correctly. I don't know which iOS version it crept in, but I'm currently running iOS 10.3.1 on my iPad Pro. This does not happen when the same code is running as a WebApp in mobile Safari (or Chrome, or on my Mac laptop browsers).
Using the debugger on the App, I can restore the page by simply toggling the display property. This indicates to me that it's a rendering bug in the built-in Webview that Cordova uses. I currently have a patch that toggles the display property. This works, but it causes flickering even with requestAnimationFrame() or SetTimeout(fn, 0).
The app is built with cli-6.5.0 using PhoneGap Build.
Has anyone else seen this bug or have a better patch?
Follow up:
Toggling visibility fixes the flickering. When the problem occurs the canvas behaves like it's not visible, but the DOM reports that it is. Also the problem seems to occur when the canvas is copied under an Ajax callback. Delaying the processing with setTimeout() does not solve the problem.
my service has a problem.
When user get web page through mobile safari that has a lot of html and js codes, and touch input text to type a text, keyboard popup doesn't show up and safari app stops.
Is this performance issue(because of a lot of html and js codes)? or iOS safari bugs?
When I do using Chrome or though desktop, there is no problem.
I had a similar problem on iOS 7 (while everything was okay on iOS 6): in my case, the keyboard took long (about 10 seconds) to show up and Safari was frozen during that time.
I solved the problem by upgrading to newer versions of jquery and jquerymobile, in my case from jquery 1.8.3 to 1.10.2 and from jquerymobile 1.2.0 to 1.3.2
That is to say, this solution might work for you if you use jquery and jquerymobile.
One of our clients has come back to us today with a bug that has been found on the Torch 9860 (running OS 7.0).
It seems my app is running in a small box in the centre of the screen, with a big blue border surrounding it. If the soft keyboard is not showing, there is a black box where the keyboard would be.
This issue has not been reported before on other devices, and the app has been "in the wild" for a while. I have not seen it on our test devices - but do not have a Torch 9860 to test with.
I have attached photos of the app running on the device. The blue border is the problem - normally my app would fill the whole screen. I did not create the blue border (to the best of my knowledge).
Apologies for the photos - this is what they sent to us.
Showing the app running in a small box surrounded by the blue border. Note the black space where the keyboard would be if it was required.
Showing the app with the soft keyboard visible.
With some googling, I found 1 possible reference to this issue to do with an instant messaging app not showing correctly on 9860. Feedback was that they were looking into it.
I wonder who else has seen this, or can recommend solutions?
Updates
runs fine on the 9860 emulator
seems to be mentioned in this thread: Blackberry OS 7 Compatibility failed with 9860/9850 device
Thanks, Rafael (left answer in a comment to my question).
Based on the comment I told the client to run the app in compatibility mode (accessed through the system options - application options menu). This seems to have fixed the problem without me having to recompile for SDK 7.0 (also I don't have to start supporting multiple OS's yet).
I already had the blackscreen on bottom when the keyboard should be popped. But it happened rarely and get resolved with an update of the Blackberry
Ask for the OS version/platform of the Blackberry, and propose a update to him, if available.