I noticed some odd behaviour on a mobile (Samsung S9 - not had chance to test another model yet).
What I’m trying to do:
I was testing some code to produce a left nav menu with indented sub menu links. ie. a list of main items that could have sub items. Click on a main item and it makes the indented sub items visible and clickable below the main item.
What I’ve tried and what’s not working:
I got a test version working on my desktop but then tried it on mobile. clicking on the main link that should make sub links visible didn’t appear to work. I then noticed that if I dragged my finger over where the sub items should be they showed up and were clickable.
I thought it must be something I was doing wrong so started to put together a version that I could clone to ask this question. Whilst doing this I added an alert on the menu item click and noticed that didn’t display on mobile either. But using a finger drag it shows up.
I finally noticed that if I tried the above in landscape mode (screen rotate) it works fine. I’m using a Samsung S9 (android v10, browser chrome, same with all 3 screen resolutions 1480x720, 2220x1080, 2960x1440)
I tried to replicate the issue on a Desktop browser (chrome) by reducing the browser window size and also through developer tools but it displays as correctly as expected.
I’ll try later on my Wifes S20 but …
Any ideas?
Below is a clone link to a test app which duplicates the behaviour (on my Samsung S9 at least)
Clone link:
https://anvil.works/build#clone:4ET72ZLRTXUTJC2T=HUEIIFYJTOUDYQ7WOHSS76HA