Firefox issue for full width banner

Below is the code I am using. Same code work perfectly fine for chrome. Not sure why it is showing strange behavior in Firefox.

I have look closely to this issue on firefox. It looks like the item which is suppose to be 1517. The width keep increasing by 1 more digits. That is really a strange issue.

I have 10 banner slide repeating.

screenshot of firefox http://prntscr.com/p3qu4z


import { OwlCarousel } from 'ngx-owl-carousel';

 @ViewChild('owlElement1', {static: true}) owlElement: OwlCarousel
  bannerList = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
  owlConfig = {
    items: 1,
    dots: false,
    nav: true,
  }

<div class="carousel-container homepageBanners" #owlElement>
    <owl-carousel [options]="owlConfig" [items]="bannerList" [carouselClasses]="['bannerList','owl-theme', 'row', 'sliding']">
        <div class="item banner-items" *ngFor="let item of bannerList">
             <app-banners></app-banners>
        </div>
    </owl-carousel>
</div>```

mujtaba01 / ngx-owl-carousel

Firefox issue for full width banner #61