CSS Dashed/Dotted lines in Mobile Firefox
Dashed and dotted lines do not render in the Android Firefox browser.
I took this example and changed it slightly.
Lines are not visible in Firefox and Firefox Focus browsers. They are visible in Firefox Nightly.
Asịsa ahọpụtara
119 fixed it.
Gụọ azịza a na nghọta 👍 0All Replies (12)
Hi
I am using the Release version of Firefox for Android and the dashed/dotted lines in the second example do appear for me
What add-ons do you have installed in Firefox for Android?
What level of enhanced tracking protection do you have set?
Thank you for a quick response!
I have completely reinstalled Firefox and freshly installed Focus and Nightly versions. So, no add-ons.
Edeziri
What level of enhanced tracking protection do you have set in the Release version of Firefox for Android?
As I said, I have completely reinstalled the browser, so none/default. And what does that have to do with CSS? It renders solid lines fine (I added it to my codepen). And why are they all fine in Nightly?
I tried Enhanced Tracking Protection on and off, I tried Accessibility options on and off, everything I can think of. The Desktop site toggle makes even a solid line invisible, funnily enough.
The only explanation I can see is that this is a rendering bug that slipped through the cracks. I’m using an Android 8 phone, so maybe they test those less these days. I hope the fix from Nightly to Stable will not be lost :)
Edeziri
I am struggling to see the problem - when I view those links in the Release (stable) version of Firefox for Android, the dashed/dotted lines appear to be fine.
I reported this via Bugzilla.
Ok, thank you for letting us know.
Problem still present in version 118 of Firefox, Focus and Beta. Nightly, which is currently 120, works fine.
Hi
I recommend that you add this information to the bug that you filed.
Way ahead of you! :)
Thank you.
Asịsa Ahọpụtara
119 fixed it.