Webpage Rendering Problems with Android Firefox v134
I have just updated to Firefox v134 stable release on Android and now when I log into github.com, the webpage is glitching and not being rendered properly. The avatars on github look torn and they are blinking when I scroll up and down. This is occurring with current Firefox stable, beta, and nightly releases on Android.
My device is a Samsung T813 tablet running Android Nougat (Android 7.1).
I should also mention that Firefox v134 on Android is also showing UI glitches when viewing the settings in certain extensions, like FoxyProxy. Although, I have also done a clean install of Firefox v134 with no extensions installed and the webpages like github and still showing the rendering problems mentioned above.
All Replies (17)
The problem with Firefox v134 is that the backgrounds of the images look "blotchy" instead of solid. Like on kernel.org, for example, the background image for "Latest Release" looks like its got streaks with two different shades of yellow. This rendering problem does not occur when using Firefox v133.
Firefox Focus on Android just updated to v134 today and now it also has the same rendering problems. See example attached. https://ibb.co/5MDxBvN
Hi
Are you using any other apps on your Android device that may be accessing the web or providing some kind of security protection?
I use GH in Firefox for Android often and I am not seeing these issues.
I am not using any apps that are providing any kind of security protection. If i go back to version 133.0.3, then everything works fine. I have a feeling this might be device specific.
Something changed in v134 of Firefox on Android that affects my display.
Maybe you need a device running Nougat to reproduce the problem.
This is my video card:
01-11 22:23:27.102 4288 4378 W ResourceType: Too many attribute references, stopped at: 0x01010099 01-11 22:23:27.122 4288 4378 I Adreno : QUALCOMM build : 422eead, I8e707a60c0 01-11 22:23:27.122 4288 4378 I Adreno : Build Date : 11/23/17 01-11 22:23:27.122 4288 4378 I Adreno : OpenGL ES Shader Compiler Version: XE031.09.00.04 01-11 22:23:27.122 4288 4378 I Adreno : Local Branch : mybranch29262620 01-11 22:23:27.122 4288 4378 I Adreno : Remote Branch : quic/LA.BR.1.3.6.c2_rb2.28 01-11 22:23:27.122 4288 4378 I Adreno : Remote Branch : NONE 01-11 22:23:27.122 4288 4378 I Adreno : Reconstruct Branch : NOTHING
01-12 00:41:26.315 11034 11386 W ActivityThread: ClassLoader.getResources: The class loader returned by Thread.getContextClassLoader() may fail for processes that host multiple applications. You should explicitly specify a context class loader. For example: Thread.setContextClassLoader(getClass().getClassLoader()); 01-12 00:41:26.700 11034 11034 I GeckoSession: handleMessage GeckoView:PageStop uri=null 01-12 00:41:26.710 11034 11128 I SessionStorage/AutoSave: Save: Load finished 01-12 00:41:32.775 11034 11092 I SessionPrioritizationMiddleware: Update the tab 98b8105f-5ea7-408e-9166-3bec1bce2647 priority to DEFAULT 01-12 00:41:32.781 11034 11128 I SessionStorage/AutoSave: Save: New tab selected 01-12 00:41:32.941 11034 11034 W GeckoViewActivityContextDelegate: Activity context is null. 01-12 00:41:34.554 11034 11201 W OpenGLRenderer: Points are too far apart 4.000000 01-12 00:41:34.555 11034 11201 W OpenGLRenderer: Points are too far apart 4.005340 01-12 00:41:34.555 11034 11201 W OpenGLRenderer: Points are too far apart 4.002563 01-12 00:41:34.555 11034 11201 W OpenGLRenderer: Points are too far apart 4.000000 01-12 00:41:34.555 11034 11201 W OpenGLRenderer: Points are too far apart 4.000000 01-12 00:41:34.557 11034 11201 W OpenGLRenderer: Points are too far apart 4.000000 01-12 00:41:36.405 11034 11034 I MemoryController: onTrimMemory(20) 01-12 00:41:36.414 11034 11034 I FenixApplication: onTrimMemory(), level=20, main=true 01-12 00:41:36.514 11034 11034 I ContileTopSitesUpdater: Stopped periodic work to update Contile top sites 01-12 00:41:36.548 11034 11034 I service-pocket: Stopped periodic work to refresh content recommendations 01-12 00:41:36.742 11034 11034 I SessionStorage/AutoSave: Save: Background 01-12 00:41:36.799 865 889 D ConnectivityService: requestNetwork for uid/pid:10074/11034 NetworkRequest [ TRACK_DEFAULT id=63, [ Capabilities: INTERNET&NOT_RESTRICTED&TRUSTED&NOT_VPN] ] 01-12 00:41:36.821 11034 11145 I WM-WorkerWrapper: Worker result SUCCESS for Work [ id=8f3adb38-ee62-41ef-a8aa-286c49c2500b, tags={ mozilla.telemetry.glean.scheduler.PingUploadWorker,mozac_service_glean_ping_upload_worker } ]
It seems that " W OpenGLRenderer: Points are too far apart" is related to the scaling of SVG files.
I just checked torbrowser and it has the same "Points are too far apart" warning, but torbrowser does not have any rendering problems, so that warning is not the problem. I don't see anything else interesting in logcat.
Perhaps this is the problem:
01-12 00:41:20.950 11034 11102 D skia : --- SkAndroidCodec::NewFromStream returned null 01-12 00:41:20.950 11034 11126 D skia : --- SkAndroidCodec::NewFromStream returned null
I think the version of skia updated in Firefox v134 and that is causing the problem.
The version of Firefox that works does not show any debug warnings from skia.
If you encounter a situation where SkAndroidCodec::NewFromStream returns null, it typically indicates an issue with the input stream or the data contained within it. This method is used to create a codec from a stream of image data, and returning null suggests it was unable to successfully decode the image.
And my problem is that the images look like they are not decoded all the way... this really seems like the problem.