Post

Submitted a @webdevs.firefox.com bug after 7 years since my last one, hoping this one doesn't remain Open forever 😅 bugzilla.mozilla.org/show_bug.cgi...

bugzilla.mozilla.org2083398 - Anchor doesn't work with the ::range-thumb elementUNCONFIRMED (nobody) in Firefox - Untriaged. Last updated 2026-10-17.

Brecht De Ruyte

@utilitybend.com

When we get enhanced range out in public after a flag, I know who to tag to start "going bananas" with it ☺️

CSS by T. Afif

@css-only.dev

It's already the case so get ready for even more craziness 😆 bsky.app/profile/css-...

CSS by T. Afif@css-only.dev

To avoid any confusion, let's add a tooltip showing the current value. An ugly one that bounces in all directions! css-tip.com/wiggly-range... Now, the range slider is perfect, no one can say otherwise!

18/10/26, 7:38 am1 repost2 likes

Brecht De Ruyte

@utilitybend.com

There is a wavy example idea in the example prototype and anchoring as well 🙂 brechtdr.github.io/enhanced-ran... Circular might need to be crossing over to a bit of minimal custom scripting

brechtdr.github.io<rangegroup> proposal — Open UI

CSS by T. Afif

@css-only.dev

Interesting. I should write about my hacky implementation as well. It may serves as another proof of concept since we can already approximate many fancy shaped slider in Chromium.

Brecht De Ruyte

@utilitybend.com

If you do. I'd love to read it. Sometimes in socials its possible that I overlook.