This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

CSS Dashed/Dotted lines in Mobile Firefox

  • 12 replies
  • 0 have this problem
  • 1 view
  • Last reply by Andrew

more options

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.

Dashed and dotted lines do not render in the Android Firefox browser. I took [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/hr this example] and [https://codepen.io/onsamyj/pen/WNLMPKL changed it slightly]. Lines are not visible in Firefox and Firefox Focus browsers. They are visible in Firefox Nightly.
Attached screenshots

Chosen solution

119 fixed it.

Read this answer in context 👍 0

All Replies (12)

more options

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?

more options

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

more options

What level of enhanced tracking protection do you have set in the Release version of Firefox for Android?

more options

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

more options

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.

more options

I reported this via Bugzilla.

more options

Ok, thank you for letting us know.

more options

Problem still present in version 118 of Firefox, Focus and Beta. Nightly, which is currently 120, works fine.

more options

Hi

I recommend that you add this information to the bug that you filed.

more options

Way ahead of you! :)

more options

Chosen Solution

119 fixed it.