Swiper.js left swiping is not working after open map by leaflet in Ionic 6

Question

Open map by map.page.html.

[map.page.html]

<ion-content>
  <div id="map" style="height: 100%">
  </div>
</ion-content>

[map.page.ts]

ngOnInit() {
    var xy: LatLngExpression = [30, 30]
    if(this.common.locationX != "0" && this.common.locationY != "0"){
      xy = [parseFloat(this.common.locationY), parseFloat(this.common.locationX)];
    }
    if(this.map){
      this.map.remove();
    }
    this.map = new Map('map')
    .on('load', e=>setTimeout(()=>{
      this.map.invalidateSize();
    }, 0))
    .setView(xy, 15);
    tileLayer("https://{s}.tile.osm.org/{z}/{x}/{y}.png", {
      attribution: ''
    }).addTo(this.map);
}

After open map, swipe not working "only left-swipe" by swiper.js.

[swipe.page.html]

  <swiper #swiper>
    <ng-template swiperSlide>
      <ng-container>a</ng-container>
      <ng-container>b</ng-container>
      <ng-container>c</ng-container>
    </ng-template>
  </swiper>

Swiping to the right works fine. Why doesn't it work only to the left?