feat(element): add eventsPrefix prop to avoid collision with native…

… events fixes #6450
nolimits4web · Mar 16, 2023 · d5df91f · d5df91f
1 parent d7c0ef7
commit d5df91f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/components-shared/params-list.js b/src/components-shared/params-list.js
@@ -1,5 +1,6 @@
 /* underscore in name -> watch for changes */
 const paramsList = [
+  'eventsPrefix',
   'modules',
   'init',
   '_direction',

diff --git a/src/element/swiper-element.js b/src/element/swiper-element.js
@@ -120,7 +120,10 @@ class SwiperContainer extends ClassToExtend {
       touchEventsTarget: 'container',
       ...(swiperParams.virtual ? {} : { observer: true }),
       onAny: (name, ...args) => {
-        const event = new CustomEvent(name.toLowerCase(), {
+        const eventName = swiperParams.eventsPrefix
+          ? `${swiperParams.eventsPrefix}${name.toLowerCase()}`
+          : name.toLowerCase();
+        const event = new CustomEvent(eventName, {
           detail: args,
           bubbles: true,
           cancelable: true,