1529192 - Appearance issue with input[type="range"] - missing default styling for range-track

Status: RESOLVED WORKSFORME

(Core :: Layout: Form Controls, defect)

Description

[Ashutosh Sharma]

Attachment: MDN <input type="range"> example - range-track is not visible

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:60.0) Gecko/20100101 Firefox/60.0

Steps to reproduce:

Add <input type="range" /> to any HTML page

Actual results:

range-thumb is visible but range-track is not, seems like default background color is missing for "input[type=range]::-moz-range-track" selector

Expected results:

range-track should be visible

Comment 1

[Stefan [:StefanG_QA]]

Mozilla/5.0 (X11; Linux x86_64; rv:67.0) Gecko/20100101 Firefox/67.0 (20190225102402)

I've tested this report on Windows 10 x64 and Ubuntu 18.10 x64 using the latest Nightly and Fx release build. I was able to reproduce the mentioned behavior on only Ubuntu 18.10 using the following page: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range. As mentioned the range-thumb is visible but range-track is not.

Comment 2

[Daniel Holbert [:dholbert]]

This is bug 1501858 -- long story short, it's a bug in the Yaru theme used on Ubuntu 18.10.

It's fixed in upstream Yaru, and the fix is available in Ubuntu 19.04 (which is currently in beta).

Comment 3

[Ashutosh Sharma]

(In reply to Daniel Holbert [:dholbert] from comment #2)

This is bug 1501858 -- long story short, it's a bug in the Yaru theme used on Ubuntu 18.10.

It's fixed in upstream Yaru, and the fix is available in Ubuntu 19.04 (which is currently in beta).

*** This bug has been marked as a duplicate of bug 1501858 ***

I am using Fedora 29, are you sure that it's not a Firefox bug?

Comment 4

[Daniel Holbert [:dholbert]]

Thanks for clarifying - I didn't realize that. I suspect it is still related, though it may mean there's more to do.

What theme are you using? Does the issue go away if you use a different one (e.g. Adwaita, the Gnome upstream stock theme, if you're not already on that one)?

You can probably use the gnome-tweak-tool program to check & change your theme.

Comment 5

[Ashutosh Sharma]

Yes, you are correct, it does seem to be related to themes, Adwaita is working fine but most of the other themes have this issue.

I have opened a new issue with my current theme author.

Comment 6

[Ashutosh Sharma]

This issue has been fixed in latest Firefox Nightly - 69.0a1 (2019-05-28), just tested it :)