Slider focus lost on value change with arrow keys

[XurxoMF]

Describe the bug

When you change the value of the Slider element using the arrow keys of the keyboard it looses the focus after 1 change.

Like, you use tab to reach the Slider thumb, then you click left/right arrow key and for some reason the focus goes to the first element of the Sheet in this case.

EDIT: It doesn't go to the first element, it just stops working but it's kept on the same element. After the first arrow click it stops working, then you press tab and it does to the next element. It should keep working when you press arrow keys multiple times.

Reproduction

Just create a basic Sheet, add an input and a Slider for example and then move the Slider with the arrow keys.

The focus will go to the Input element or the Close button of the Sheet.

Logs

.

System Info

.

Severity

annoyance

[ieedan]

Can you provide a reproduction?

[github-actions]

Please provide a reproduction.

More info

Why do I need to provide a reproduction?

This project is maintained by a very small team, and we simply don't have the bandwidth to investigate issues that we can't easily replicate. Reproductions enable us to fix issues faster and more efficiently. If you care about getting your issue resolved, providing a reproduction is the best way to do that.

I've provided a reproduction - what happens now?

Once a reproduction is provided, we'll remove the needs reproduction label and review the issue to determine how to resolve it. If we can confirm it's a bug, we'll label it as such and prioritize it based on its severity.

If needs reproduction labeled issues don't receive any activity (e.g., a comment with a reproduction link), they'll be closed. Feel free to comment with a reproduction at any time and the issue will be reopened.

How can I create a reproduction?

You can use this template to create a minimal reproduction. You can also link to a GitHub repository with the reproduction.

Please ensure that the reproduction is as minimal as possible. If there is a ton of custom logic in your reproduction, it is difficult to determine if the issue is with your code or with the library. The more minimal the reproduction, the more likely it is that we'll be able to assist.

You might also find these other articles interesting and/or helpful:

• The Importance of Reproductions
• How to Generate a Minimal, Complete, and Verifiable Example

[XurxoMF]

@ieedan https://stackblitz.com/edit/github-ufedxkur?file=src%2Froutes%2F%2Bpage.svelte

Same as the other issue, I can't test it on StackBliz because of the Firefox compatibility but on my end, that slider, if you use your keyboard to reach the slider thumb and move left/right with the arrow keys it'll only move 1 time then loose the focus.

[ieedan]

Thank you for the reproduction.

I want to say this is an issue in bits but for whatever reason it's not reproduceable in the bits docs...

That being said there isn't anything obvious that we are doing wrong from what I can tell atm.

[XurxoMF]

I'll try to find the issue and let you know. Hope we can fix this ^^

[ieedan]

This is fixed on the shadcn-svelte side but we should probably update all the docs to do what @artur-demidov did!