RESOLVED WORKSFORME 61283
Safari 5.0.5 dont correctly render first element with inline-block in a parent element with a height 
https://bugs.webkit.org/show_bug.cgi?id=61283
Summary Safari 5.0.5 dont correctly render first element with inline-block in a paren...
Andreas
Reported 2011-05-23 07:16:27 PDT
When adding a element with inline-block to a parent with a height, hides (dont render) the first element. * After a second element is added to the parent, it also render the first element. * When the browser window is resized the element appears * When the user scroll the window and go back, the hidden element appears <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Hidden element in Safari</title> <style type="text/css"> div#tags { height: 200px; } span.tag { display: inline-block; } </style> <script type="text/javascript"> function addTag() { var tag = document.createElement('span'); tag.setAttribute('class', 'tag'); tag.appendChild(document.createTextNode('foobar')); document.getElementById('tags').appendChild(tag); } </script> </head> <body> <div id="tags"></div> <button id="addtag" onclick="addTag();">Add tag</button> </body> </html>
Attachments
Add attachment proposed patch, testcase, etc.
Alexey Proskuryakov
Comment 1 2011-05-23 10:14:56 PDT
I can reproduce this with Safari 5.0.5, but not with recent builds. Please be sure to always test with nightly builds from <http://nightly.webkit.org>.
Note You need to log in before you can comment on or make changes to this bug.