Disable any keyboard event for sliding

[harshpandey002]

Summary

I'm creating a TypeForm-like experience for my client. My carousel is vertical and covers the whole page. There are single/multiple inputs on each slide.

When I'm not focused on inputs, Left/Right arrows doesn't triggers the sliding (which is cool), but when I'm focussed on any input, those arrow keys makes the carousel slide and does not allow me to navigate inside the input.

Is there any way I can make it such that the carousel only slides from the code i.e. when api.scrollNext() or others are triggered?

I may want to keep Escape key to trigger api.scrollPrev(), but I'm okay if I have to loose that.

Also, is there any way I can disable focus being shifted to the next input when I press the Tab key?

If applicable, which variants of Embla Carousel are relevant to this question?

• embla-carousel (Core)
• embla-carousel-react
• embla-carousel-vue
• embla-carousel-svelte
• embla-carousel-autoplay
• embla-carousel-auto-scroll
• embla-carousel-solid
• embla-carousel-auto-height
• embla-carousel-class-names
• embla-carousel-docs (Documentation)
• embla-carousel-docs (Generator)

Additional information

No response

CodeSandbox example

No response

[davidjerleke]

@harshpandey002 thanks for your question. I believe this is a duplicate of:

• [Help]: Disable carousel navigation on tab #822

[harshpandey002]

Oh my bad, thanks @davidjerleke