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

On new ios version, 3D transition cannot fill viewport #6293

Closed
5 of 6 tasks
blucksy opened this issue Jan 18, 2023 · 1 comment
Closed
5 of 6 tasks

On new ios version, 3D transition cannot fill viewport #6293

blucksy opened this issue Jan 18, 2023 · 1 comment
Labels

Comments

@blucksy
Copy link

blucksy commented Jan 18, 2023

Check that this is really a bug

  • I confirm

Reproduction link

https://stackblitz.com/edit/vitejs-vite-gbrjrg?file=README.md

Bug description

On Safari 16.2 on ios, the cube transition causes the swiper slides to only render in 80% of the area.

I've noticed on WebKit that Swiper JS applies a sort of hack that makes the clickable area of the cube appear larger than it is, likely because of an issue that was fixed this latest patch.

https://webkit.org/blog/13591/webkit-features-in-safari-16-2/

Since Stackblitz doesn't allow you to use the preview on mobile, I went ahead and hosted the sandbox repo on vercel to test on devices on the latest OS.

https://repro-swiper.vercel.app/

Expected Behavior

Fill the entire container

Actual Behavior

Fills only a portion of the container

Swiper version

@latest

Platform/Target and Browser Versions

IOS Safari 16.2 & Previous versions

Validations

  • Follow our Code of Conduct
  • Read the docs.
  • Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
  • Make sure this is a Swiper issue and not a framework-specific issue

Would you like to open a PR for this bug?

  • I'm willing to open a PR
@blucksy blucksy added the Svelte label Jan 18, 2023
@TomasCarlson
Copy link

Seems to be an issue with Webkit 16.2 ?

Could be this.

Fixed perspective: 0 behavior.

I know the view kinda overcorrects for zoom (some elements are offset in webkit). Could this just be the fix negating swiper's workaround?

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

No branches or pull requests

2 participants