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

Tue Jul 14 07:26:30 PDT 2009

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

           Summary: white-space:nowrap + display:inline resulting in
                    sibling elements not wrapping
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Macintosh Intel
               URL: http://www.webdevout.net/test?01M
        OS/Version: Mac OS X 10.5
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: admin at iecw.net


The white-space:nowrap + display:inline on the <p> and <form> results in
sibling elements not wrapping within the div (Or too late)

html+css valid + tested against ie, ff, op

### HTML:
<?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>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Info</title>
</head>
<body>
    <div id="topblock">
        <div id="toprightblock">
            <p>
                <a class="ui-corner-all" id="basic_menu_logoutbtn1"
href="#">logout logout</a>
            </p>
            <p>
                <a class="ui-corner-all" id="basic_menu_logoutbtn2"
href="#">logout</a>
            </p>
            <form id="change_1" method="post" action="change_...">
                <p>
                    Select a value:
                        <select class="ui-corner-all form_initdone"
onchange="xajax_change...($(this).val());" name="defaultcostcentre">
                            <option value=""> </option>
                            <option title="test1" value="1">test1</option>
                            <option title="test2" value="2">test2</option>
                        </select>
                </p>
            </form>
            <form id="change_2" method="post" action="change_...">
                <p>
                    Select a value:
                        <select class="ui-corner-all form_initdone"
onchange="xajax_change...($(this).val());" name="defaultcostcentre">
                            <option value=""> </option>
                            <option title="test1" value="1">test1</option>
                            <option title="test2" value="2">test2</option>
                        </select>
                </p>
            </form>
            <form id="change_3" method="post" action="change_...">
                <p>
                    Select a value:
                        <select class="ui-corner-all form_initdone"
onchange="xajax_change...($(this).val());" name="defaultcostcentre">
                            <option value=""> </option>
                            <option title="test1" value="1"
selected="selected">test1</option>
                            <option title="test2" value="2">test2</option>
                        </select>
                </p>
            </form>
            <form id="change_4" method="post" action="change_...">
                <p>
                    Select a value:
                        <select class="ui-corner-all form_initdone"
onchange="xajax_change...($(this).val());" name="defaultcostcentre">
                            <option value=""> </option>
                            <option title="test1" value="1">test1</option>
                            <option title="test2" value="2"
selected="selected">test2</option>
                        </select>
                </p>
            </form>
            <form id="change_5" method="post" action="change_...">
                <p>
                    Select a value:
                        <select class="ui-corner-all form_initdone"
onchange="xajax_change...($(this).val());" name="defaultcostcentre">
                            <option value=""> </option>
                            <option title="test1" value="1">test1</option>
                            <option title="test2" value="2"
selected="selected">test2</option>
                        </select>
                </p>
            </form>
            <form id="change_6" method="post" action="change_...">
                <p>
                    Select a value:
                        <select class="ui-corner-all form_initdone"
onchange="xajax_change...($(this).val());" name="defaultcostcentre">
                            <option value=""> </option>
                            <option title="test1" value="1">test1</option>
                            <option title="test2" value="2"
selected="selected">test2</option>
                        </select>
                </p>
            </form>
        </div>
    </div>
</body>
</html>


###CSS:
        * {
            color:#FFFFFF;
            font-family:Arial,Helvetica,sans-serif;
            margin:0;
            padding:0;
        }
        #topblock {
            background-color:#EEB100;
            height:74px;
            min-width:740px;
            width:90%;
            z-index:48;
        }
        #toprightblock {
            font-size:10pt;
            padding:3px;
            text-align:right;
        }
        #toprightblock p {
            white-space:nowrap;
        }
        #toprightblock p, #toprightblock form {
            display:inline;
        }

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