Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Problem on mobile view #90

Open
Sebarkar opened this issue Sep 5, 2022 · 9 comments
Open

Problem on mobile view #90

Sebarkar opened this issue Sep 5, 2022 · 9 comments

Comments

@Sebarkar
Copy link

Sebarkar commented Sep 5, 2022

Hi there.
Got the problem with displaying on mobile view.
When slide sometimes I getting unpredictable error.

Difference with working version and stucked that I found is activeSlides array.

Another slides on the page with same settings where simple image works perfect.
But when slide products with a lot of code unpredictable stucks.

Dekstop view works perfect.

No error showing. Hapends in case using drag.

activeSlides:Array[0] dragging:false leftPeekingSlideIndex:undefined rightPeekingSlideIndex:undefined slideOrder:Array[10] 0:0 1:1 2:2 3:3 4:4 5:5 6:6 7:7 8:8 9:9 trackTranslateX:NaN allSlidesCount:10 clonedSlides:Array[0] hasClonedSlides:false inactiveSlides:Array[10] 0:0 1:1 2:2 3:3 4:4 5:5 6:6 7:7 8:8 9:9 styles:undefined uniqueSlidesCount:10

<ssr-carousel show-dots overflow-visible :responsive="responsive" gutter="0" peek-right="20" > <slide v-for="i in 10"/> </ssr-carousel>
Снимок экрана (16)

` data() {
return {
  responsive: [
    {
      maxWidth: 3000,
      slidesPerPage: 5,
    },
    {
      maxWidth: 1279,
      slidesPerPage: 4,
    },
    {
      maxWidth: 1024,
      slidesPerPage: 3,
    },
    {
      maxWidth: 767,
      slidesPerPage: 2,
    }
  ]
}

},`

@Sebarkar
Copy link
Author

Sebarkar commented Sep 7, 2022

This bug in case when drag-and move outside screen.

@Sebarkar
Copy link
Author

Sebarkar commented Sep 7, 2022

69176b59-10f6-4f67-ad39-a512ec13803b.webm

@weotch weotch added the bug Something isn't working label Sep 20, 2022
@weotch
Copy link
Member

weotch commented Sep 23, 2022

I couldn't reproduce this issue in Chrome using it's touch or non-touch modes. I also can't reproduce it on a hardware iPhone in Safari. Can you still repro it?

Screen.Recording.2022-09-23.at.1.46.00.PM.mov

@weotch weotch removed the bug Something isn't working label Sep 23, 2022
@Sebarkar
Copy link
Author

Yeah the same. On my mobile devices also in Chrome. In any Iphone or Android emulations.
Its 100% hapends when you slowly draging to the end of left side screen and out.

fa759287-81fe-4e84-8269-7b9f723afcb2.webm

@Sebarkar
Copy link
Author

Sebarkar commented Sep 23, 2022

On dekstop I never seen this bug.
Just pick demension Any devices. Not responsive.
new

@weotch
Copy link
Member

weotch commented Sep 24, 2022

Man I still can't repro. This is from Chrome on my iPhone.

Upload.from.GitHub.for.iOS.MOV

@Sebarkar
Copy link
Author

Sebarkar commented Sep 25, 2022

Just used clear Firefox on mobile, same...

screen-recording-20220925-062902-opera_eRAASKuG.mp4

And same mobile chrome, identical behavior.
https://user-images.githubusercontent.com/44950137/192127485-d9b0a143-01f8-4545-a2a9-35dfa10fb62b.mp4

@Sebarkar
Copy link
Author

I tried to show all manipulation.
22222hh.webm

@javiBarrientos
Copy link

Hi, i don't know if what i gonna say can be helpful but when i see your last video @Sebarkar all the index got "NaN". I'm working with this package and get the same error.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants