#3666·preact

[preact/compat] radix-ui Slider component drag points (Thumbs) not working

Author: nikudaCreated Aug 12, 2022Updated Mar 24, 2026
Labelscompat
  • Check if updating to the latest Preact version resolves the issue

Describe the bug Thumb (drag points) are not receiving any updates past the initial css applied.

To Reproduce

https://stackblitz.com/edit/nextjs-preact-webpack5-pjoxwh

Steps to reproduce the behaviour:

Load the stackblitz example above and drag the edges of the white lines:

Screen Shot 2022-08-08 at 12 43 56 pm

While the line itself is adjustable, the Thumb components are not shown. If the nested span's css is modified from display: none to display: block the Thumb element is rendered on left edge with 0, 0 coords.

Screen Shot 2022-08-08 at 12 49 37 pm

Expected behavior

For slider thumbs to be attached to end of white line and to move along with them.

Screen Shot 2022-08-08 at 12 54 02 pm

Additional context

Slider component used to hang the app as did the Dialog in this bug report https://github.com/preactjs/preact/issues/3297. Since version 10.10.1 and this https://github.com/preactjs/preact/pull/3645 fix specifically the Slider component now no longer hangs the app but it's not 100% working either with Thumb component being broken.

Same Issue reported in radix-ui repo https://github.com/radix-ui/primitives/issues/1601