Jwoo/js keyboard fix (#8299)

* this is test changes * disabled keyboard navigation by arrows key * revert package changes
microsoft · Feb 16, 2023 · 9de248c · 9de248c
1 parent ff3d939
commit 9de248c
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/source/nodejs/adaptivecards/src/carousel.ts b/source/nodejs/adaptivecards/src/carousel.ts
@@ -562,7 +562,7 @@ export class Carousel extends Container {
                 enabled: true
             },
             keyboard: {
-                enabled: true,
+                enabled: false,
                 onlyInViewport: true
             },
             direction: this.carouselOrientation === Enums.Orientation.Horizontal ? "horizontal" : "vertical",
@@ -605,6 +605,17 @@ export class Carousel extends Container {
             this.raiseCarouselEvent(Enums.CarouselInteractionEvent.Autoplay);
         });
 
+        carousel.on('paginationRender', (swiper, paginationEl) => {
+            swiper.pagination.bullets.forEach((bullet, index) => {
+                bullet.addEventListener("keypress", function(event : KeyboardEvent) {
+                    if (event.key == "Enter") {
+                        event.preventDefault();
+                        swiper.slideTo(index + 1);
+                    }
+                });
+            });
+        });
+
         carousel.on('destroy', () => {
             this.destroyResizeObserver();
         });