Fixed keyboard selection for the component pagination

zefoy · Jun 16, 2018 · bb6e0b8 · bb6e0b8
1 parent 6a737e2
commit bb6e0b8
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/example/src/app/app.component.ts b/example/src/app/app.component.ts
@@ -26,6 +26,7 @@ export class AppComponent {
   public disabled: boolean = false;
 
   public config: SwiperConfigInterface = {
+    a11y: true,
     direction: 'horizontal',
     slidesPerView: 1,
     keyboard: true,

diff --git a/src/lib/swiper.component.html b/src/lib/swiper.component.html
@@ -8,5 +8,5 @@
   <div class="swiper-button-prev" [hidden]="swiperConfig?.navigation !== true && swiperConfig?.navigation?.prevEl !== '.swiper-button-prev'" [attr.disabled]="isAtFirst || null"></div>
   <div class="swiper-button-next" [hidden]="swiperConfig?.navigation !== true && swiperConfig?.navigation?.nextEl !== '.swiper-button-next'" [attr.disabled]="isAtLast || null"></div>
 
-  <div class="swiper-pagination" [hidden]="swiperConfig?.pagination !== true && swiperConfig?.pagination?.el !== '.swiper-pagination'" (click)="directiveRef?.setIndex($event.target.getAttribute('index'))"></div>
+  <div class="swiper-pagination" [hidden]="swiperConfig?.pagination !== true && swiperConfig?.pagination?.el !== '.swiper-pagination'" (click)="directiveRef?.setIndex($event.target.getAttribute('index'))" (keyup.enter)="directiveRef?.setIndex($event.target.getAttribute('index'))"></div>
 </div>