Merge pull request #53 from FlorianMgs/fix/carousel-handlekeydown-pre…

…ventdefault FIX: Carousel SliderMainItem children components not handling onKeyDown events
BelkacemYerfa · May 16, 2024 · e8f6bae · e8f6bae
2 parents 02a894e + 7e6d69d
commit e8f6bae
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/registry/default/extension/carousel.tsx b/src/registry/default/extension/carousel.tsx
@@ -106,10 +106,10 @@ const Carousel = forwardRef<
 
     const handleKeyDown = useCallback(
       (event: React.KeyboardEvent<HTMLDivElement>) => {
-        event.preventDefault();
         if (!emblaMainApi) return;
         switch (event.key) {
           case "ArrowLeft":
+            event.preventDefault();
             if (orientation === "horizontal") {
               if (direction === "rtl") {
                 ScrollNext();
@@ -119,6 +119,7 @@ const Carousel = forwardRef<
             }
             break;
           case "ArrowRight":
+            event.preventDefault();
             if (orientation === "horizontal") {
               if (direction === "rtl") {
                 ScrollPrev();
@@ -128,11 +129,13 @@ const Carousel = forwardRef<
             }
             break;
           case "ArrowUp":
+            event.preventDefault();
             if (orientation === "vertical") {
               ScrollPrev();
             }
             break;
           case "ArrowDown":
+            event.preventDefault();
             if (orientation === "vertical") {
               ScrollNext();
             }