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

• 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:

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.

Expected behavior

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

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

Start with the linked StackBlitz reproduction and compare the Radix UI Slider and Thumb behavior under preact/compat. Inspect how the slider’s white-line position reaches its Thumb elements, then verify that the thumbs render at the line endpoints and move during dragging without breaking the existing slider behavior.