[Bug]: drop down menu inconsistencies on mobile devices

[w-e-w]

Discussed in https://github.com/AUTOMATIC1111/stable-diffusion-webui/discussions/14040

^{Originally posted by **ArxFusion** November 20, 2023} Prior to version 1.6 the UI on mobile was great, since however the dropdown menus are not user friendly. Looking at the dev channel, it actually seems worse off. I am using an Android phone and the issue I am experiencing is every time I open a drop-down menu, and try to scroll down the list, the background also scrolls down and the menu seems to float on the screen. The dev version still has that issue, however it seems worse with line spacing between both being 1.5x spacing. I will attach a screenshot in a separate post.

---

the spacing is inconsistent from the desktop and previous version when scrolling it also feels more "glitchy"	1.5.2 moble	1.6.1 moble

screenshots form emulated iPhone SE using Chrome

desktop 1.6.1 for reference


it is likely that this is a gradio related

[SriChandana98]

Hi,

I am a first time contributor but with industry experience in web development and mobile development. Can I work on this?

[w-e-w]

@SriChandana98 every contributor any contribution is welcome this is a community project anyone can work on anything they wish no strings attached, no obligationsm no guarantee that your PR will get merged, and no money, do it if it's "fun" to you

for big changes best communicate with AUTO before you start more information read wiki/Contributing

---

if you wish to work on this issue I believe I need warn you even though I cannot be sure, I have high suspicions that this issue originates from gradio (upstream) since it is possible that in the future we might upgread gradio version, this issue might be automatically fixed

if you do decide to work on this issue I will suggest you try and find the root cause issue is caused by us then it is straightfor make find a fix than make a PR but if caused by gradio it's best to communicate with AUTO to see what to do

upgrading gradio tends to break lots of things

[missionfloyd]

https://github.com/AUTOMATIC1111/stable-diffusion-webui/pull/12880

As for the scrolling, I think that's a gradio thing.

[w-e-w]

ahh https://github.com/AUTOMATIC1111/stable-diffusion-webui/pull/12880 I see