Card is not scrollable


#1

I have an ionic card. And there is only once card. It is big. But is is not scrollable. When I change the orientation to landscape half of the card will be hidden, and there is no way to scroll it.

<ion-content ng-controller="VideoCController">
<ion-list>
  <div class="inset item-text-wrap">
      <ion-item>
          <h2>{{video.video_title}}</h2>
      </ion-item>
      <ion-item>
          <div class="video-container">
              <iframe ng-src="{{getIframeSrc(video.yt_id)}}" frameborder="0" width="560" height="315" allowfullscreen></iframe>
          </div>
      </ion-item>
      <ion-item>
          <h3>Lenght {{video.yt_length * 1000 | date:'mm:ss'}}</h3>
      </ion-item>
      <ion-item>
          <p>{{video.description | htmlToPlaintext}}</p>
      </ion-item>
  </div>

#2

I can’t see the card class in your markup? And if you are using iframes, there will be some issues with the scrolling. Even i faced it in one of the app i was working long ago. But try using the card class and see whether is it scrollable or not.