Guide

Solutions for UI & Text scaling issues

If you clear cache now is it still okay?

I suspected the issue was that some devices don't need the UI rescaled but only fonts, and that the overall UI resizing was conflicting with the font resizing and making the fonts small too. I've been experimenting with fixing the text and UI size more independently of each other tonight. It seems this was the solution for your S21.

This is all a case of trial-and-error, with such a quirky issue introduced by a webview update and not our code. All I can do is keep getting as many references and devices with problems and tweaking until they are all happy. Pursuing a perfect solution that will work across all devices now and in future has proved quite tricky. I had a row of devices lined up earlier looking identical, then more reports came in saying even those devices aren't behaving correctly for other people. This can be down to the font sizes on those devices and more, so I have to keep refining it with each feedback loop until all quirks are gone.

There are two dynamic elements at play here (1) Text zoom or font size and (2) Interface zoom. With the solutions so far I believe I have resolved issues with text/font zoom. Those still experiencing issues seem to have unusual values for what I'm referring to as "interface zoom". The whole interface is zoomed in or out more than it should be. I can tell this thanks to your screenshots, so keep those coming.

My A52s test device has an interface zoom problem too, and I corrected that. On all my devices I can test with, the UI is correct. However, based on your reports I can see that solution isn't working for some other devices, so I will have to work out a more reliable detection method. The challenge is I don't have a way (yet) from inside the website to reliably detect interface zoom. I'll spend today looking in to that.

EDIT: It's also worth mentioning that our website has always had code which restricts zoom to 100% only, explicitly, using industry standard practices supported in all web browsers going back a decade. The latest webview update on Samsung has changed something in a way that still reports in web code as 100% zoom while clearly distorting the zoom level. It probably needs addressing with a software update. The solutions I'm trying to implement involve calculating how much the interface has been distorted on launch and then reversing it within the browser, which is quite tricky to do. It should be a universal solution when it's done though, and a failsafe against any issues coming from the software level.

I've just put a brand new solution up which should execute much faster and which applies the scale changes much earlier during the loading process. Hopefully this is the last solution needed on this, but I suspect we will still encounter some edge cases! Also, for now, the issues with tooltips being misaligned remains on devices where the interface is rescaled.

Devices which do not require rescaling should be better avoided by the latest implementation, that's the main improvement.

I think I know why this happened. I've moved the code to execute a little later during the loading process now. It should prevent these occurrences. I had the same on my A52s test device a couple of times after putting it live, I think it was executing a little too early.