Status: Unconfirmed
Owner: ----
Labels: Type-Bug Pri-2 OS-All Area-Misc
New issue 8494 by peolanha: overflow:auto, float:left and
list-style-type:none renders invisible elements
http://code.google.com/p/chromium/issues/detail?id=8494
Chrome Version : 2.0.169.0 (11164)
URLs (if applicable) : (Sorry, see test case below)
Other browsers tested: Firefox 3, Internet Explorer 7, Safari 4
Add OK or FAIL after other browsers where you have tested this issue:
Safari 3: OK (Safari 4 though, haven't checked 3)
Firefox 3: OK
IE 7: OK
What steps will reproduce the problem?
1. Create a textarea inside a UL/LI element
2. Add 'list-style-type: none' to the LI element
3. Add 'float: left' to the textarea
What is the expected result?
It should display the textarea
What happens instead?
Whitespace, if width and height is assigned, it *will* take that area up,
it's just not rendering properly. It is linked to the list-style-type:
none; and float: left; so it might just be a visibility issue.
Please provide any additional information below. Attach a screenshot if
possible.
Note that this is NOT just for textareas, but it applies to them also. This
affects all elements with overflow: auto;
Simple test case:
<html>
<head>
<title>Textarea Bug</title>
<style type="text/css">li { list-style-type: none; }</style>
</head>
<body>
<ul>
<li><textarea style="float: left;">Invisible</textarea></li>
<li>
<textarea style="float: left;">Visible</textarea>
<textarea>Normal</textarea>
<textarea style="clear: left;">Visible</textarea>
</li>
</ul>
</body>
</html>
--
You received this message because you are listed in the owner
or CC fields of this issue, or because you starred this issue.
You may adjust your issue notification preferences at:
http://code.google.com/hosting/settings
--~--~---------~--~----~------------~-------~--~----~
Automated mail from issue updates at http://crbug.com/
Subscription options: http://groups.google.com/group/chromium-bugs
-~----------~----~----~----~------~----~------~--~---
