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.
Chosen solution
119 fixed it.
Read this answer in context 👍 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.
Modified by Andrew
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 :)
Modified by Andrew
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.
Chosen Solution
119 fixed it.