search

cotestatnt / async-esp-fs-webserver

ESP32/ESP8266 WebServer, WiFi manager and ACE web editor Arduino library. Based on ESPAsyncWebServer
Apache License 2.0
44 stars 12 forks source link

Mobile browser rendering issue... #36

Open KenRip opened 4 months ago

KenRip commented 4 months ago

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 commented 4 months ago

+1 Same problem for me.

GregAscolab commented 4 months ago

@cotestatnt :

Seems to come from the change of "responsive" to "resp" class modification in showMenu() and switchPage(). See my previous comments in the commit. https://github.com/cotestatnt/async-esp-fs-webserver/commit/e2f82c5157bc7b3b1a902818ab3dc7a72a1dfede#r142046669 https://github.com/cotestatnt/async-esp-fs-webserver/commit/e2f82c5157bc7b3b1a902818ab3dc7a72a1dfede#r142046611

Please review.

GregAscolab commented 4 months ago

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