Ionic slides rubber band effect is not working in modal

Ionic Framework Ionic Angular
1

I am using a component for ion slides with ion chips for making categories (ex. All, Comedy, etc as YouTube has on Home screen for quick searching).

This component is working fine but without rubber band effect when I open in modal, so I want that user only scroll till first & last chip in modal. But in modal chips are scrolling non stop.

#ionSlidesComponentWithChips

<ion-item color="dark" class="border-top-1">
  <ion-slides [options]="slideOpts">
    <ion-slide *ngFor="let category of categories">
      <ion-chip color="light" has-bouncing="true">
        <ion-label>{{category}}</ion-label>
      </ion-chip> 
    </ion-slide>
  </ion-slides>
</ion-item>

I added component in modal as well.

<app-header></app-header>

<app-category-slides></app-category-slides>

<ion-content>

  <ion-backdrop class="ion-margin-top"></ion-backdrop>
  <img src="assets/imgs/{{img}}.jpg">
</ion-content>

<ion-footer translucent="false" class="ion-no-border" color="dark">

  <ion-item lines="none" text-center color="dark">
    <ion-grid>
      <ion-row class="ion-align-items-center ion-text-center">
        <ion-col>
          <ion-button color="light" fill="clear">
            <span class="material-icons">
              thumb_up
            </span>

          </ion-button>
          <span class="ion-padding">2.2k</span>
        </ion-col>
        <ion-col>
          <ion-button color="light" fill="clear">
            <span class="material-icons">
              thumb_down
            </span>
          </ion-button>
          <span class="ion-padding">20</span>
        </ion-col>
        <ion-col>
          <ion-button color="light" fill="clear">
            <span class="fa fa-share"></span>            
          </ion-button>
          <span class="ion-padding">Share</span>
        </ion-col>
        <ion-col>
          <ion-button color="light" fill="clear">
            <span class="material-icons">
              favorite
            </span>
          </ion-button>
          <span class="ion-padding">Save</span>
        </ion-col>

        <ion-col>
          <ion-button color="light" fill="clear" (click)="close()">
            <span class="material-icons">
              close
            </span>
          </ion-button>
        </ion-col>

      </ion-row>

    </ion-grid>
  </ion-item>

</ion-footer>

for better understanding the problem I just uploaded video:

Please help me for solving this issue.

Thanks in advance for you time. :slight_smile: