[Webkit-unassigned] [Bug 27261] white-space:nowrap + display:inline resulting in sibling elements not wrapping

Wed Feb 3 10:35:14 PST 2010

https://bugs.webkit.org/show_bug.cgi?id=27261


i_therain at yahoo.co.uk changed:

           What    |Removed                     |Added
----------------------------------------------------------------------------
                 CC|                            |i_therain at yahoo.co.uk


--- Comment #1 from i_therain at yahoo.co.uk  2010-02-03 10:35:14 PST ---
tested on WebKit-r54277, I have narrowed down the wrapping bug to be related to
spaces at the end of the nowrap element (containing an input field), which
causes it to wrap incorrectly.

cut&paste code below into a fresh .html file to observe:

<?xml version="1.0" encoding="UTF-8"?>
<!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>
  <style type="text/css">
/* to highlight the breakage */
ul.wrapbreak,
ul.wrapbreak>li {
    margin: 1ex;
    border:solid thin;
}
/* ------------------------- */

ul.wrapbreak li {
    display: inline;
    white-space: nowrap;
}
  </style>
</head>
<body>
  <p>Wrapping is broken for items with input fields within.</p>
  <p>Observe what happens when you adjust the horizontal window size.</p>
 <form class="filter" action="" method="get">
  <ul class="wrapbreak">
   <li>Testing 1, 2, 3...  </li>
   <li>>1 spaces at the end break the wrapping  </li>
   <li>Testing  </li>
   <li>Testing <input type="text" name="test2" />  </li>
   <li>Testing  </li>
   <li>Testing <input type="text" name="test2" /> with stuff after breaks when
it shouldn't!  </li>
   <li>Testing  </li>
  </ul>
  <ul class="wrapbreak">
   <li>Testing 1, 2, 3...</li>
   <li>No spaces works fine</li>
   <li>Testing</li>
   <li>Testing <input type="text" name="test2" /></li>
   <li>Testing</li>
   <li>Testing <input type="text" name="test2" /> even with stuff after!</li>
   <li>Testing</li>
  </ul>
  <ul class="wrapbreak">
   <li>Testing 1, 2, 3... </li>
   <li>1 space or <em>unindented</em> newline works fine
</li>
   <li>Testing </li>
   <li>Testing <input type="text" name="test2" /> </li>
   <li>Testing
</li>
   <li>Testing <input type="text" name="test2" /> even with stuff after!
</li>
   <li>Testing
</li>
  </ul>
 </form>
</body>
</html>

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.