1270847 - Possibly incorrect handling of overflow scenario with elements of width:100%

Status: RESOLVED WORKSFORME

(Core :: Layout, defect, P5)

Description

[vict.shevchenko]

User Agent: Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/50.0.2661.94 Safari/537.36

Steps to reproduce:

this is a jsFiddle that represents an issue: https://jsfiddle.net/contact/dz3vd51a/

there is an <ul> contains <button style="width:100%"> inlide <li> elements. When this list is in a position where it should overflow parent element only <button> text does this overflow, but <ul> is cropped up to parent border.


Actual results:

<ul> element is cropped up to parent border, <button> text overflows <ul>`s parent 


Expected results:

I`d expect <ul> correctly overflows parent like in Chrome or IE, but quite possible that FireFox does correct rendering. I am not sure, can you clarify if FireFox way of rendering is correct? If yes, sorry a lot for troubling.

Comment 1

[Loic]

Attachment: screen-ie.png

I have the same result with IE11 and last FF.

Comment 2

[vict.shevchenko]

Hello, Just verified on the latest FireFox (46.0.1) and the behavior is consistent with all other browsers.

So I looks like only v.45 and below had this issue.

I suppose the issue is resolved.

Comment 3

[Mats Palmgren (inactive)]

Thanks for your report.  It was probably fixed by bug 823483.