4 ms·
Sidebar and sticky examples don’t work on iOS safari on iPhone. I’m pretty sure sticky can be made to work. Sidebar would need a different technique since “:h
by shireboy 5y ago
Sidebar and sticky examples don’t work on iOS safari on iPhone. I’m pretty sure sticky can be made to work. Sidebar would need a different technique since “:hover” is not a thing there.
In general I like the concept of not using js unless you have to, but it’s important to consider mobile.
- jdefelice 5y agoThe sidebar work for me with a long press. I would have know to try it if I didn’t read your comment, it isn’t very obvious or intuitive.
- StevenWaterman 5y agoThe sidebar example is my fault for forgetting to make the menu itself tab-accessible (ie focusing the sidebar will trigger the `:focus-within` selector rather than just focusing the links or hovering). I'll update the example so hopefully it should work. As for the sticky example, I'm really not sure what's going on there. It certainly seems to be supported. https://caniuse.com/css-sticky https://caniuse.com/css-sticky
- charcircuit 5y agoSame on Firefox on android
- captn3m0 5y agoThe SVG didn’t animate for me in Firefox/iOS.
- vimax 5y agoThe sticky was hard to figure out. You have to scroll down in the example frame, but the scroll bar is hidden and there's no indication of more content.