title: ionic 6 : Modal Controller not scrolling
body: <p>I Have a ionic modal controller which is displayed on click of a button. For me the modal is not scrolling if the ion-item in the modal component is having dettails from an object array.
  I am not able to see rest of the list whic is not displayed intially in the screen.</p>
  <p><strong>Modal Controller</strong></p>
  <pre><code>    console.log('Called');
  
      this.modalController
        .create({
          component: CagesComponent,
          breakpoints: [0.75],
          initialBreakpoint: 0.75,
          showBackdrop: true,
          backdropDismiss: true,
        })
        .then((modalEl) =&gt; {
          modalEl.present();
          return modalEl.onDidDismiss();
        })
        .then((resultData) =&gt; {
          console.log(resultData.data, resultData.role);
          if (resultData.role === 'confirm') {
            this.form.get('cageNo').setValue(resultData.data);
          }
        });
    }
  </code></pre>
  <p><strong>cages.component.html</strong></p>
  <pre><code>&lt;ion-list&gt;
    &lt;ion-item button (click)=&quot;onCageSelect(cage)&quot; *ngFor=&quot;let cage of cages&quot;&gt;
      &lt;ion-thumbnail slot=&quot;start&quot; &gt;
        &lt;img [src]=&quot;cage.cageImg&quot;&gt;
      &lt;/ion-thumbnail&gt;
      &lt;div class=&quot;item-desc&quot;&gt;
        &lt;h4&gt;{{cage.name}}({{cage.type}})&lt;/h4&gt;
        &lt;h6&gt;{{cage.description}}&lt;/h6&gt;
      &lt;/div&gt;
    &lt;/ion-item&gt;
  &lt;/ion-list&gt;
  &lt;/div&gt;
  </code></pre>
  <p><strong>cages.component.ts</strong></p>
  <pre><code>import { IonicModule, ModalController } from '@ionic/angular';
  import { Cage } from 'src/app/cage/cage.model';
  import { CageService } from 'src/app/cage/cage.service';
  
  @Component({
    selector: 'app-cages',
    templateUrl: './cages.component.html',
    styleUrls: ['./cages.component.scss'],
  })
  export class CagesComponent implements OnInit {
    cages: Cage[] = [];
    constructor(
      public cageSrvc: CageService,
      public modalCtrl: ModalController
    ) {}
  
    ngOnInit() {
      this.cageSrvc.getCages().subscribe((cages) =&gt; {
        this.cages = cages;
      });
    }
  
    onCageSelect(cage: Cage) {
      console.log(cage.name);
      this.modalCtrl.dismiss(cage.name, 'confirm');
    }
  }
  </code></pre>
  <p><a href="https://i.stack.imgur.com/vH65s.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vH65s.png" alt="screenshot" /></a></p>