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

Research hardware acceleration for modal animation #12

Closed
drublic opened this issue Mar 12, 2013 · 2 comments
Closed

Research hardware acceleration for modal animation #12

drublic opened this issue Mar 12, 2013 · 2 comments

Comments

@drublic
Copy link
Owner

drublic commented Mar 12, 2013

When using fixed (position: fixed) elements on a page in connection with the hardware accelerated modal, the fixed elements are likely to break.
This problem only occurs in Webkit browsers. This does not happen on iOS, Android not tested yet.

There are two possible solutions:

  1. Media Query for hardware accelerated transitions. This is not clean as desktop-browsers might match these anyway.
  2. Using -webkit-transform-style: preserve-3d (maybe in connection with -webkit-backface-visibility: visible).

This needs to be researched further.

@anselmh
Copy link
Contributor

anselmh commented Oct 15, 2013

As I never again experienced this 'bug' and nothing was raised by other users here, I am closing this issue now. Please reopen with more details on which browser is affected if you can reproduce this.

@anselmh anselmh closed this as completed Oct 15, 2013
@drublic
Copy link
Owner Author

drublic commented Oct 16, 2013

Agreed. This seems to be more of a research topic for an article.

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

No branches or pull requests

2 participants