Mobile browser rendering issue...

[KenRip]

I'm having an issue with both the mobile version of Chrome and Safari on my iPhone 12 Pro Max server.addOptionBox menu tabs on the top portion of the window. When I bring up the device's /setup page on either browser the "Wifi Setup" appears visible and the other addOptionBox sections I've defined are collapsed into a small three horizontal bar icon. I would expect this should expand to show the other addOptionBox sections as somewhat of a pull-down menu but the expansion doesn't work and I have no access to the other sections. If I rotate my iPhone horizontally the other sections expand and I can access them.

note: this also happens on my desktop Chrome browser on Windows if I size the window down horizontally until the addOptionBox sections collapse into the three bars.

I'm running the latest async-esp-fs-webserver 1.0.5 library on an ESP32 (NodeMCU-32S) and building the project in the latest version of the Arduino IDS with all other libraries updated to current.

[GregAscolab]

+1
Same problem for me.

[GregAscolab]

@cotestatnt :

Seems to come from the change of "responsive" to "resp" class modification in showMenu() and switchPage().
See my previous comments in the commit.
e2f82c5#r142046669
e2f82c5#r142046611

Please review.

[GregAscolab]

Only tested by modifiying value directly in Chrome Debug tool (F12).
Because change in app.js, need recompilation, minifiying, Bin2C... etc > Not done.