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

z-index not work on ios because of default translate3d(0.00001px, 0.00001px, 0.00001px); #186

Open
glucka opened this issue Jul 5, 2023 · 4 comments
Labels
bug Something isn't working

Comments

@glucka
Copy link

glucka commented Jul 5, 2023

lax.js version
dev

Describe the bug
z-index not working on ios, any lax driven elements are always on top

Possible solution:

const translate3dValues = {
    translateX: 0,
    translateY: 0,
    translateZ: 0
}

or

const translate3dValues = {
    translateX: 0.00001,
    translateY: 0.00001,
    translateZ: 0
}
@glucka glucka added the bug Something isn't working label Jul 5, 2023
@javialcantaras
Copy link

javialcantaras commented Oct 10, 2023

I have same problem. Is there any way to solve it?

@mezerap
Copy link

mezerap commented Nov 20, 2023

Same problem here

@TimurKady
Copy link

Forced setting of transform: translate3d(1e-05px, 1e-05px, 1e-05px) confuses the css transform setting, interfering with the positioning of objects I need. This is generally, excuse me, not the best idea - twitching properties unnecessarily

@benzinkanister79
Copy link

a possible workaround is do define translateZ seperately like:
opacity: [ ["elInY", "elOutY"], [1, 0], ], translateZ: [ ["elInY", "elOutY"], [0, 0], ],

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

No branches or pull requests

5 participants