🚫 Problemy: Mozilla Firefox
Edit: 2023-12-19
Wykop X Style oraz Wykop XS od 19 grudnia DZIAŁA na Firefoxie w wersji 121 i nowszych!
Po 16 latach w końcu nadszedł ten dzień - Firefox jako ostatnia przeglądarka wprowadza obsługę selektora :has()
Wpis na mirko:
https://wykop.pl/wpis/74044135/firefox-jako-ostatnia-przegladarka
Changelog Wykop X:
https://github.com/wykopx/WykopX/wiki/Changelog#2450-firefox-121
Mozilla Firefox v.121 Release Note:
https://www.mozilla.org/en-US/firefox/121.0/releasenotes/
Request sprzed 16 lat:
https://bugzilla.mozilla.org/show_bug.cgi?id=418039=
W FIREFOXIE NIE DZIAŁA BARDZO DUŻO FUNKCJI STYLU WYKOP X ORAZ SKRYPTU WYKOP XS
Domyślam się, że pewnie lubisz swojego Firefoxa, ale szczerze i całkowicie obiektywnie sugeruję zainstalowanie równolegle innej przeglądarki takiej jak Chrome, Opera czy Edge.
Mozilla Firefox pomimo próśb użytkowników już od 15 lat (!)
niestety jest obecnie JEDYNĄ przeglądarką internetową,
która nie obsługuje selektora stylów CSS :has()
https://bugzilla.mozilla.org/show_bug.cgi?id=418039
Selektor :has to bardzo potężne narzędzie, na które webdeveloperzy, szczególnie frontend developerzy, czekali chyba najbardziej przez ostatnie kilkanaście lat podczas rozwoju Internetu.
Jako ciekawostkę dodam, że selektor :has został zgłoszony przez W3C do wdrożenia do standardu CSS w 2018 roku i od tamtego czasu - mniej więcej w 2022 roku - wszystkie przeglądarki (prócz Firefoxa) zaimplementowały potrafią go obsługiwać. Dotyczy to także większości przeglądarek na smartfonach.
https://www.w3.org/TR/2018/WD-selectors-4-20180201/#has-pseudo
Używam selektora :has() w mniej więcej 30% funkcji Wykop X Style oraz w rozszerzeniu Wykop X.
(na 13 000 linijek kodu Wykop X Style selektor :has ten został użyty ponad 666 razy).
Brak obsługi selektora :has to najpoważniejszy, choć nie jedyny problem z kompatybilnością Firefoxa.
Przy pisaniu dodatku Wykop X Style, skryptu Wykop XS oraz rozszerzenia Wykop X korzystałem jeszcze z kilkunastu innych elementów CSS oraz języka JavaScript, z którymi Firefox póki co sobie nie radzi.
Niestety nic w tej sprawie nie mogę zrobić.
Jeśli przeglądarka nie obsługuje kluczowych elementów CSS - dana opcja, która je wykorzystuje nie będzie działać.
Nie będę przedstawiał mojej osobistej opinii na temat takiej decyzji twórców przeglądarki (chociaż można się domyślić jakie ono jest), więc jedynie przedstawię obiektywny fakt:
Chrome, Opera, Edge, Safari - najpopularniejsze przeglądarki - radzą sobie z tym bez najmniejszego problemu i zapewniają pełne wsparcie wszystkich nowoczesnych selektorów CSS, których używam tworząc Wykop X.
Żeby być sprawiedliwym - istnieją także elementy w CSS i w JavaScript, które czekają na rozpowszechnienie, nie są obsługiwane przez inne przeglądarki, a Firefox od niedawna potrafi je obsługiwać. Były dwie sytuacje, w których chciałem wykorzystać pewne funkcje JavaScript, z którymi Firefox radzi sobie już od jakiegoś czasu, natomiast inne przeglądarki jeszcze ich nie wspierają, przez co musiałem zastosować inne metody poradzenia sobie z tymi zagadnieniami.
Dopóki twórcy Firefoxa nie zaimplementują obsługi nowoczesnych rozwiązań, które są obsługiwane przez pozostałe przeglądarki, niestety nie będzie on umiał sobie poradzić z funkcjami wykorzystującymi selektor :has() i kilkoma innymi - dlatego zwyczajnie w FIREFOXIE NIE BĘDĄ ONE DZIAŁAĆ
W styczniu 2023 zapowiadane były prace nad osbługą :has w pierwszej połowie 2023 roku:
