OK, so on all devices this site is behaving as it should. However on nearly all android devices, including Browserstack I'm having an issue when you scroll past "Treatment Options" the content gets quite 'shonky'. Is anyone aware of a bug or something I'm doing completely stupid? dev site: http://eqp.isitmeanttodothat.io
TIA
Related
Since april this year my app is not displaying correctly the advertisements.
It happens only in samsung devices, with android 12. It's not a problem with any particular ad, even the example ad from admanager ("/6499/example/banner") is stretched (see images below).
After some research, i found the culprit in the "game optimization service" of samsung (~game booster).
My app is identified as a game by the gos, so it "optimizes" the webview that shows this ad.
It seems to be related to this post: Android WebView stuck zoomed in after update
The previous question points to this chromium issue https://bugs.chromium.org/p/chromium/issues/detail?id=1305201, but none of the solutions work in my case. I cannot control neither the webview nor the content. As suggested there, installing the "game plugins" i can disable the game booster, and then i see the right image.
I read https://developer.android.com/games/gamemode/gamemode-interventions, with no success. None of those optimizations appears to affect what samsung does. (Exception: adb shell cmd game downscale 0.6 <PACKAGE_NAME> fixes it in my phone).
I run out of ideas. Did someone come across this issue? Is there any workaround? Is there a way to opt-out from this optimizations from samsung? Should it be fixed by me, google admanager or samsung?
Graphical explanation of what i mean by "stretched":
It should be seen this way:
but it is seen this other way:
Hi i'm developing a cordova application for android and sometimes I have a scroll issue on a div with a table. The scroll has a strange logarithm movement. Someone knows how to solve it?
Can you be more specific on how the "logarithm moviment" should be? I faced some problems with scrolls and tables in two different situations and I hope the following information can help you.
1 - Table out of devices width: Sometimes, when you build a table, some incompatible CSS should make it wider than main div width and generate a strange horizontal scroll. Try to review your involved CSS;
2 - Android Manifest: I noted that some devices (especially those running older versions of Android) may have some performance issues caused by a Manifest Configuration. Try to change "hardwareAccelerated" to FALSE
<application android:hardwareAccelerated="false">
Hope it helps! Best regards!
This issue might be caused by the Android emulator. Check out if that weird scrolling is also present on a real device. It should not.
In my case I used the emulator for the Nexus 5x and got that strange "logarithmic" scrolling. When running my the very same app on a real Nexus 5x everything is fine.
I have an HTML page which is displayed correctly in all devices and all browser except the stock Android browser in Xperia Z.
On this particular device running Android 4.2.2, I am using jQuery v1.7.2, and using $('div').slideUp and $('div').slideDown methods only, and it results in text distortion (it is in English, so I suppose it is not related to any specific font), the text appears as horizontal lines as they would appear for a fraction of a second while sliding up/ down.
I have tried turning the debug mode ON by about:debug in the stock browser, and the javascript console shows no error/ warning messages.
I tried changing the user agent string to iPhone, and to my surprise, the text is rendered as expected.
I have searched for similar issue, and came across Android stock browser crashing, it points to jQuery bug where slideUp/ slideDown have problems in Android stock browser (please note that jQuery and Android versions are different in the reported bug).
My questions are:
Is this a known issue?
Has anyone faced similar problem before?
Is there a workaround to resolve it?
I'd really appreciate if anyone could point me in the right direction.
Maybe there's some magic I don't know about with scrolling on Android?
I've got a website that works fine in IE7, IE8, IE9, FireFox, Chrome, AND Safari on desktop. It also works fine in Safari on iPhone.
However, one of my Android 2.3.7 friends informs me that he has Opera and the default browser on his Android. In both of those browsers, the scrollable view doesn't end at the bottom of the page. When you get to the very end where the dark grey footer ends, you can go right past it and see solid cream-colored background going on for miles of scrolling!!
I have NO IDEA what could cause this!
Can anyone throw me a bone here?
Here's the site for anyone who might have Android 2.3.7 or another version of Android to test. Like I said, happens in both default AND opera browsers.
http://wwwa1nbkclientsitecom.zippysites.com/
UPDATE: I removed the overflow-y property from the HTML style tag in the stylesheet. I had another Android 2.* user test it. Its still broken. And now my next guess is that this might be broken due to the fancy floating menu at the top. Early versions of Android only had partial support for position: fixed
I'll try disabling the position: fixed menu and get it tested again.
UPDATE 2: I got it tested. Its still broken. I'm presently installing Google's Android SDK for the Emulator functionality. It'll let me specify old versions of Android to test. If I narrow down the problem, I'll post the answer here. Until then, if anyone has an idea of what's going on, please post your idea!
It works fine for me in the latest version of Chrome on an Android 4.0.4 tablet.
However, I think the problem may lie with the other browsers' interpretation of overflow-y: scroll; on your <html> tag.
Try removing that property. You shouldn't need it on the <html> tag anyway.
It was the dynamic google map in the footer. It had nothing to do with my page layout or style. Everything I did was fine. Removing the dynamic google map fixed it. SOLUTION: Replace with a STATIC google map. Its kind of bad to be using dynamic map embedded in page for a mobile device anyway.
I've been writing a small app that basically loads its content from locally stored HTML and CSS into a WebView. I initially started this when I had a device running Android 2.3 and had no issues. I recently got a Galaxy Nexus but the CSS doesn't appear to load in ICS.
I read something that suggested enabling hardware acceleration would help but it does nothing. I'm now at a complete loss. Javascript seems to load fine so, combined with it working well on 2.3, suggests it's not the way I'm loading the CSS.
Has anybody seen anything similar? The app is unusable without some touch-friendly CSS.
Thanks in advance.
Edit: Ideally, I need this to work on all versions of android from 2.2+. Not sure if it makes a difference but I thought it might be relevant.
Found the issue! It turns out that there is a rather big bug in the browser for ICS and presumably Honeycomb based on a test. In the logcat I get the following error: Unknown chromium error: -6. Removing the querystring solves the issue (although screws up my functionality). There is a bug report for it here if anyone else is having the same issues.