search

mrdjohnson / llm-x

LLMX; Easiest 3rd party Local LLM UI for the web!
https://mrdjohnson.github.io/llm-x/
MIT License
172 stars 16 forks source link

UI issue: Unwanted zooming on mobile Safari (iOS) #28

Open neuhaus opened 3 days ago

neuhaus commented 3 days ago

Sometimes when using LLM-X on an iPhone, the screen zooms and it's quite annoying because then UI elements are no longer reachable. I think it shouldn't zoom.

One example:

  1. click burger menu (settings) in top right corner
  2. Tap on the name of the chat to edit it
  3. The keyboard is displayed and at the same time the web page get zoomed a bit.

Another example: in the general settings, below the theme menu there is the "text to speech" configuration. When you tap on the sample input to edit it, the view zooms in and YOU CAN NO LONGER ZOOM OUT!

mrdjohnson commented 2 days ago

I havent had dedicated time to set up emulators on my machine yet to be able to verify functionality on ios devices.

I will try and get to this as soon as I get time 🙏

If you know of any quick solutions i'd be happy to try them out; maybe a html command that tells safari not to auto zoom; i'm not sure why safari hates web devs 😅

neuhaus commented 2 days ago

Thanks. The discussion at https://stackoverflow.com/questions/4472891/how-can-i-disable-zoom-on-a-mobile-web-page#4472910 might be helpful

mrdjohnson commented 2 days ago

It looks like this completely wipes out the users ability to zoom 🤔

I'm not opposed to that entirely but I often zoom in to check that my UI elements are aligned.

Hmmm this is specific to being on the setting panel right?

When the settings is open you're unable to close it?