holiday.css icon indicating copy to clipboard operation
holiday.css copied to clipboard

Can't get hamburger/mobile menu to work on iOS

Open melissamcewen opened this issue 3 years ago • 4 comments

First of all, thanks for such a great tool! I love using it in my projects. I'm finding that the hamburger nav doesn't work on mobile on iOS. If I click on the "hamburger" it doesn't expand.

melissamcewen avatar May 26 '21 18:05 melissamcewen

Unfortunately, I don't have an iOS device to test it :(

EvgenyOrekhov avatar May 26 '21 19:05 EvgenyOrekhov

I also ran into this; it looks like it's a quirk/problem with mobile Safari; by default, you have to long-press an element to trigger hover. I was able to work around it using the advice in this article (specifically, I added tabIndex="0" to my body element).

Not sure how much can be done about it at the framework level, but I figured I'd add a note for anyone else who be encountering this.

nathanielknight avatar Sep 18 '22 04:09 nathanielknight

Unfortunately, I don't have an iOS device to test it :(

Just adding extra context here – I'm afraid my knowledge of CSS is dismal, so I can't submit a PR.

But both desktop Firefox and Chrome browsers have device emulation modes in their debug panes.

leblancfg avatar Jan 12 '23 14:01 leblancfg

I experience this on firefox mobile and firefox desktop.

kinostl avatar Jun 30 '23 04:06 kinostl