How to detect overflow


#1

hi , I am trying to detect the overflow. I am trying to list user images in a single row and if its overflowed depending on the device screen size / changes in screen orientation.

I tried to do this using media queries but no luck…I am using Ionic 3

.html:

<ion-row style="padding: 7px;" nowrap>
      <ion-row style="overflow: hidden; height: 55px;">
           <ion-col col-auto *ngFor="let image of images">
                <img src="assets/images/image.png" />
            </ion-col>
      </ion-row>
            
      <ion-col *ngIf="showButton" col-auto align-self-center>
         <img src="assets/images/more3.svg">
      </ion-col>
</ion-row>

.ts:

 showButton = true;

/////
constructor(public navCtrl: NavController,
                public modalCtrl: ModalController,
                private postService: PostService,
                private app: App,
                private el: ElementRef){

      this.images = new Array(10);
}

I am trying to hide the button more when the row is no longer overflowed and items fit the screen and show when its not.

any suggestions, thanx