fix(element): don't render swiper on every connected

nolimits4web · nolimits4web · commit 5a5ebb416266 · 2023-04-24T10:08:42.000+03:00
diff --git a/src/element/swiper-element.js b/src/element/swiper-element.js
@@ -61,6 +61,7 @@ class SwiperContainer extends ClassToExtend {
   }
 
   render() {
+    if (this.rendered) return;
     if (globalInjectStyles) {
       // global styles
       addGlobalStyles(false, this);
@@ -103,6 +104,7 @@ class SwiperContainer extends ClassToExtend {
     [...this.tempDiv.children].forEach((el) => {
       this.shadowEl.appendChild(el);
     });
+    this.rendered = true;
   }
 
   initialize() {

Original file line number	Diff line number	Diff line change
`@@ -61,6 +61,7 @@ class SwiperContainer extends ClassToExtend {`
`61`	`61`	`}`
`62`	`62`
`63`	`63`	`render() {`
	`64`	`+ if (this.rendered) return;`
`64`	`65`	`if (globalInjectStyles) {`
`65`	`66`	`// global styles`
`66`	`67`	`addGlobalStyles(false, this);`
`@@ -103,6 +104,7 @@ class SwiperContainer extends ClassToExtend {`
`103`	`104`	`[...this.tempDiv.children].forEach((el) => {`
`104`	`105`	`this.shadowEl.appendChild(el);`
`105`	`106`	`});`
	`107`	`+ this.rendered = true;`
`106`	`108`	`}`
`107`	`109`
`108`	`110`	`initialize() {`