Slide box slides flicker vertically for a second then adjust horizontally


#1

i am using v1.0.0-beta.8 and getting slide box flicker vertically while opening a page .

i have four slide and every slide has image to display but when i open a page it shows all images vertically for a second then it adjust horizontally and works fine.


#2

Can you post a codepen demo of this? Also, what platforms are effect?


#3

i am using Android 4.4.2 Samsung s4 and not using any complex thing just using simple code within content.

 <ion-slide-box  >
                <ion-slide >
                    <img src="slider_img1.jpg" style="width:100%;max-width:450px"/>                   
                </ion-slide>
                <ion-slide style="background-color:transparent;padding-top:0px">
                    <img src="slider_img2.jpg" style="width:100%;max-width:450px""/>                   
                </ion-slide>
                <ion-slide style="background-color:transparent;padding-top:0px">
                    <img src="slider_img3.jpg"  style="width:100%;max-width:450px"  />                    
                </ion-slide>
                <ion-slide style="background-color:transparent;padding-top:0px">
                    <img src="slider_img4.jpg"  style="width:100%;max-width:450px"  />                    
                </ion-slide>
            </ion-slide-box >

#4

Hmm I couldn’t reproduce this with my android device, what version of cordova are you using too by the way?


#5

@mhartington Same here . I’m using 1.2.4 . Just checked with newer versions also. It has to do something with slidebox delegate.

I’m updating slidebox with ng-repeat and photo urls from $http call. If i’m not using $ionicSlideBoxDelegate.update(), it is shown in vertical way. See the screenshot.