Steps to reproduce
For example, when I inspect a range element in Chrome’s dev tools, I can see its track and thumb, each clearly marked (see attachment). I can inspect them, check their individual styles.
In Firefox, the track, progress (fill) and thumb are not clearly marked, they’re just 3 divs inside the range input (see attachment), but at least I can select and inspect each one of them, check their individual styles, figure out which is which.
In Edge, I don’t even have that. I can only inspect the range element itself, but I cannot see anything inside it, inspect its components (track, thumb, fills). Being able to do that would be immensely helpful in understanding what’s happening with them better and coming up with a way of styling such that I have a consistent cross-browser appearance.
Comments and activity
- Microsoft Edge Team
Changed Assigned To to “Jacob R.”
Changed Status to “Confirmed”