Zooming doesn’t work well on iOS

[Gazook89]

Renderer

Both

Browser

Firefox

Operating System

other

What happened?

Zooming doesn’t work well on iOS/iPadOS. The font size isn’t adjusted (or is counteracted) for the zoom, so text quickly flows out of the columns.

This stack overflow answer describes why, and I’m assuming the fix mentioned works though I haven’t had opportunity to try yet.

https://stackoverflow.com/a/64998974

fixing this will go a long way to making it work better on mobile I think, at least for viewing shared brews.

Code

No response

[5e-Cleric]

I see a bunch of issues to resolve there:

• navbar clipping
• navbar elements wrapping in an ugly manner
• uneven wrapping of toolbar
• need padding in the googles icon, it should not be within 0px of the screen side

[Gazook89]

Okay yes, but this issue is about one thing with a single line fix (maybe a couple lines). I wouldn’t get distracted by those other things

[Gazook89]

Okay, am home now and can fiddle with this a bit. Ultimately, i don't think it works or at least i can't get it to.

Relevant info:

• SO answer that seems fairly certain
• SO answer that is less certain

I cannot get -webkit-text-size-adjust to work

• no matter where i put it, such as outside or inside the iframe, on the pages or p tags themselves or on the body
• using !important or not
• using different properties none or 100%. Using different % values does change the text size, but I can't get it to keep the text the correct size for the level of zoom.

So kind of frustrating. I was testing with Safari and using my iphone to test it.

I likely won't fuss with it much more but wanted to record my experience with it.