From dfb9d4f88fbff33293131f2b2142c8d220fd3415 Mon Sep 17 00:00:00 2001 From: JWB Date: Sat, 15 Mar 2025 23:40:10 -0400 Subject: [PATCH] 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! --- scss/components/_nav.scss | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/scss/components/_nav.scss b/scss/components/_nav.scss index c14dc4a8..f93aa880 100644 --- a/scss/components/_nav.scss +++ b/scss/components/_nav.scss @@ -10,9 +10,10 @@ // - sanitize.css v13.0.0 | CC0 1.0 Universal | github.com/csstools/sanitize.css // Prevent VoiceOver from ignoring list semantics in Safari (opinionated) + // https://github.com/picocss/pico/issues/634#issuecomment-2541600508 :where(nav li)::before { - float: left; - content: "\200B"; + float: none; // fixes safari bug in dropdowns. Originally: left + content: " "; // makes voice overs realize its a list item. Originally: "\200B" } // Pico