RESOLVED WORKSFORME50363
display:none not being recognized with CSS3 + DOM Manipulation 
https://bugs.webkit.org/show_bug.cgi?id=50363
Summary display:none not being recognized with CSS3 + DOM Manipulation
Aldo_MX
Reported 2010-12-01 17:57:55 PST
I have in my CCS: .selector { display: none; } .selector[data-attribute] { display: block; } <div id="container" style="height: 400px; overflow-x: auto; overflow-y: scroll;"> <div class="selector" data-attribute="1">Element 1</div> <div class="selector" data-attribute="1">Element 2</div> <div class="selector" data-attribute="1">Element 3</div> ... etc </div> When removing "data-attribute" via DOM Manipulation the div's are still showing until you move the container's scroll It happens in the latest stable versions of Google Chrome and Safari.
Attachments
Add attachment proposed patch, testcase, etc.
Emil A Eklund
Comment 1 2011-03-08 16:09:35 PST
*** Bug 45130 has been marked as a duplicate of this bug. ***
Luke Macpherson
Comment 2 2011-11-30 19:33:03 PST
I can't reproduce this bug. <style> .x { display: none; } .x[data-attribute] { display: block; } </style> <body onload='document.querySelectorAll(".x")[0].removeAttribute("data-attribute");'> <div class="x" data-attribute="1">Element 1</div> <div class="x" data-attribute="1">Element 2</div> <div class="x" data-attribute="1">Element 3</div> </body> With this test I see Element 1 appear and then quickly disappear on the page has loaded.
Note You need to log in before you can comment on or make changes to this bug.