We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

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 majibu
  • 0 wana tatizo hili
  • 1 view
  • Last reply by Andrew

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)

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! :)

Suluhisho teule

119 fixed it.