957364 - Text within LI tags, which are within DIV container, spills out

Status: RESOLVED WORKSFORME

(Firefox :: Untriaged, defect, P3)

Description

[ausmanov]

Attachment: result

User Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/31.0.1650.63 Safari/537.36

Steps to reproduce:

Have the following page hosted locally on Windows 7. Open the page in FF 26.

<html>
<body>
<style>
li {
    
}
a {
    white-space:nowrap;
    text-decoration: none
}
</style>
<div style="float:left;width:200px;height:400px;overflow:auto;background-color: gray">
    <ul>
    
	    <li><span></span><a href="#" > some long text some long text some long text</a></li>
        <li><span></span><a href="#" > some long text some long text some long text</a></li>
        <li><span></span><a href="#" > some long text some long text some long text</a></li>
        <li><span></span><a href="#" > some long text some long text some long text</a></li>
        <li><span></span><a href="#" > some long text some long text some long text</a></li>
        <li><span></span><a href="#" > some long text some long text some long text</a></li>
        <li><span></span><a href="#" > some long text some long text some long text</a></li>
        <li><span></span><a href="#" > some long text some long text some long text</a></li>
        <li><span></span><a href="#" > some long text some long text some long text</a></li>
        <li><span></span><a href="#" > some long text some long text some long text</a></li>
        <li><span></span><a href="#" > some long text some long text some long text</a></li>
        <li><span></span><a href="#" > some long text some long text some long text</a></li>
        <li><span></span><a href="#" > some long text some long text some long text</a></li>
        <li><span></span><a href="#" > some long text some long text some long text</a></li>
        <li><span></span><a href="#" > some long text some long text some long text</a></li>
        <li><span></span><a href="#" > some long text some long text some long text</a></li>
        <li><span></span><a href="#" > some long text some long text some long text</a></li>
        <li><span></span><a href="#" > some long text some long text some long text</a></li>
        <li><span></span><a href="#" > some long text some long text some long text</a></li>
        <li><span></span><a href="#" > some long text some long text some long text</a></li>
        <li><span></span><a href="#" > some long text some long text some long text</a></li>
        <li><span></span><a href="#" > some long text some long text some long text</a></li>
        <li><span></span><a href="#" > some long text some long text some long text</a></li>    
    </ul>
</div>

</body>
</html>


Actual results:

Notice how the text spills out of the div viewport. Refer to attachment.


Expected results:

The text should have been within the div container.

Comment 1

[Alice0775 White]

Please load about:support and post the Graphics section from that page

Comment 2

[[:Aleksej]]

Attachment: testcase from comment #0

WFM on Debian GNU/Linux 7 x86_64.

Comment 3

[ausmanov]

Attachment: about.support.png

The about:support graphics section

Comment 4

[Gingerbread Man]

Attachment: Screenshot of testcase from comment #0

Mozilla/5.0 (Windows NT 6.1; WOW64; rv:32.0) Gecko/20100101 Firefox/32.0
Built from https://hg.mozilla.org/mozilla-central/rev/e6f113c83095

No problems here, whether hardware acceleration is on or off.

If you're still having this issue, please test the latest Nightly in a brand new profile.
http://nightly.mozilla.org
https://support.mozilla.org/kb/profile-manager-create-and-remove-firefox-profiles