Safari iOS nav bug with

See: https://github.com/picocss/pico/issues/634#issuecomment-2543307972

I dont have a way to test this for VoiceOver devices, but if someone does that would be aweosme to test this one!
This commit is contained in:
JWB 2025-03-15 23:40:10 -04:00 committed by GitHub
parent 1039a4788d
commit dfb9d4f88f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -10,9 +10,10 @@
// - sanitize.css v13.0.0 | CC0 1.0 Universal | github.com/csstools/sanitize.css // - sanitize.css v13.0.0 | CC0 1.0 Universal | github.com/csstools/sanitize.css
// Prevent VoiceOver from ignoring list semantics in Safari (opinionated) // Prevent VoiceOver from ignoring list semantics in Safari (opinionated)
// https://github.com/picocss/pico/issues/634#issuecomment-2541600508
:where(nav li)::before { :where(nav li)::before {
float: left; float: none; // fixes safari bug in dropdowns. Originally: left
content: "\200B"; content: " "; // makes voice overs realize its a list item. Originally: "\200B"
} }
// Pico // Pico