feat(a11y): added new prop for a11y module - scrollOnFocus (#7632)

* added new prop for a11y module - scrollOnFocus * added props to handleFocus
nolimits4web · Jul 23, 2024 · f4f7da0 · f4f7da0
1 parent 1bb2746
commit f4f7da0
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/modules/a11y/a11y.mjs b/src/modules/a11y/a11y.mjs
@@ -18,6 +18,7 @@ export default function A11y({ swiper, extendParams, on }) {
  itemRoleDescriptionMessage: null,
  slideRole: 'group',
  id: null,
+ scrollOnFocus: true
  },
  });
 
@@ -236,7 +237,7 @@ export default function A11y({ swiper, extendParams, on }) {
  };
 
  const handleFocus = (e) => {
- if (swiper.a11y.clicked) return;
+ if (swiper.a11y.clicked || !swiper.params.a11y.scrollOnFocus) return;
  if (new Date().getTime() - visibilityChangedTimestamp < 100) return;
 
  const slideEl = e.target.closest(`.${swiper.params.slideClass}, swiper-slide`);

diff --git a/src/types/modules/a11y.d.ts b/src/types/modules/a11y.d.ts
@@ -93,4 +93,11 @@ export interface A11yOptions {
  * @default null
  */
  id?: string | number | null;
+
+ /**
+ * Enables scrolling to the slide that has been focused
+ *
+ * @default true
+ */
+ scrollOnFocus?: boolean;
 }