fix(slider): focus thumb on pointerdown for keyboard parity

2026-06-02 11:14:10 +03:00
parent 3f5151efa0
commit ae2d0e3c2f
3 changed files with 13 additions and 2 deletions
@@ -149,6 +149,15 @@ describe('Pointer', () => {
        expect(screen.getByRole('slider')).toHaveAttribute('aria-valuenow', '0');
    });

+    it('focuses the thumb on pointerdown so arrow keys work immediately', async () => {
+        const { container } = render(Slider, { value: 0, min: 0, max: 100 });
+        const track = container.querySelector('[role="presentation"]') as HTMLElement;
+        track.getBoundingClientRect = () =>
+            ({ left: 0, right: 200, top: 0, bottom: 20, width: 200, height: 20 }) as DOMRect;
+        await fireEvent.pointerDown(track, { clientX: 100, clientY: 10, pointerId: 1 });
+        expect(screen.getByRole('slider')).toBe(document.activeElement);
+    });
+
    it('maps a vertical drag with the inverted axis (bottom→min, top→max)', async () => {
        const { container } = render(Slider, { value: 0, min: 0, max: 100, orientation: 'vertical' });
        const track = container.querySelector('[role="presentation"]') as HTMLElement;