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.

Sign up for GitHub

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

Jump to bottom

transform: rotate slow down autoscroll and eventually stop it #6

Closed
2 tasks done
MikolajChybowski opened this issue May 15, 2022 · 1 comment
Closed
2 tasks done

transform: rotate slow down autoscroll and eventually stop it #6

MikolajChybowski opened this issue May 15, 2022 · 1 comment
Labels
bug Something isn't working

Comments

@MikolajChybowski
Copy link

MikolajChybowski commented May 15, 2022 •
edited
Loading

Checks

Version

v4.0.2

Description

Seems like whatever (body, wrapping div, div.splide) have CSS attribute transform: rotate(Xdeg) it slows down autoscroll and eventually stop it.

CleanShot 2022-05-15 at 12 52 55

Reproduction Link

No response

Steps to Reproduce

  1. Visit https://splidejs.com/extensions/auto-scroll/
  2. Add CSS attribute transform: rotate(5deg) to slider or even body
    ...

Expected Behaviour

Autoscroll would work normally.
@MikolajChybowski MikolajChybowski added the bug Something isn't working label May 15, 2022
@NaotoshiFujita
Copy link
Contributor

This is the design limitation. Splide does not work inside an element with transform since it uses bondingClientRect.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug Something isn't working
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@MikolajChybowski @NaotoshiFujita