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

MediaClass updates can trigger incorrectly when elements are temporarily hidden #2

Open

gitastrophe opened this issue Jul 11, 2013 · 0 comments

gitastrophe commented Jul 11, 2013

steps to reproduce:

Invoke MediaClass with "this-max-width" predicate on an element with a fixed width, such that the predicate should not evalutate to true, e.g.

<script> var mc = new MediaClass("mobile", ".mobile-responsive:media(this-max-width: 100px)"); </script>

observe that class "mobile" is not added to .mobile-responsive
hide the div.mobile-responsive with "display: none;"
blur the browser tab (click over to another browser tab)
click back to the original tab
show the div.mobile-responsive with "display: block;"
observe that class "mobile" has been added to the div while it was hidden

suggestion:

Can you prevent the mediaLoop from being executed on elements with display: none?

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