Fix issue with backdrop not displaying properly with iscroll and other libraries which use transform to change the z-index. #29
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
…e the popover appears below the backdrop. Simply disable the backdrop.
… set to true, it will use a different way of displaying the overlay. The original overlay does not work well if there are 3d transformations on the page (i.e. iScroll). This uses a different way to create the overlay.
|
Hi @edmenendez
Cheers |
|
It's related to WebKit bug 61824 and various people have run into it as seen in StackOverflow 👎 iScroll happens to be one package that uses transform z-index, but definitely not the only one. My solution is simply a workaround to avoid the problem for now by creating the layer out of four boxes instead of a single clean layer like you have it only if you pass useBackdropMethod2 true. |
|
Sorry @edmenendez i'd love to merge your pull request but I feel like it will make this little utility more complex. I want to keep it really simple. However, I'll mention your request and fork in the README and demo docs as soon as I can. Thanks a lot for your input. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
No description provided.