907078 - 3D transformed content overflows element with "overflow: hidden"

Status: VERIFIED FIXED

(Core :: Layout, defect)

Description

[doodeec]

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

Steps to reproduce:

visit http://mview.mobily.com.sa/


Actual results:

(3D transformed) Content of #cFlow element (coverflow section in the top of the page) overflows the element despite elements overflow CSS property set to "hidden".

Info: till update to 23.0.1 the problem was not present.
And also the problem disappears if the 'transform-style' property is set to preserve-3d on all #cFlow child elements.


Expected results:

Content should not overflow an element with CSS property "overflow: hidden"

Comment 1

[Alice0775 White]

Pushlog:
http://hg.mozilla.org/integration/mozilla-inbound/pushloghtml?fromchange=905671d954c5&tochange=1e958f7224a7

Comment 2

[doodeec]

same behavior present also in Aurora (25.0a2 (2013-08-19)) and Nightly (26.0a1 (2013-08-19))

Comment 3

[bhavana bajaj [:bajaj]]

:roc will the patches in 906199 be enough to resolve this or would this be needing separate patches ? Also how common is this property used and do we think a large number of sites may be impacted here for us to track the issue ?

Comment 4

[Robert O'Callahan (:roc) (email my personal email if necessary)]

Yes, that patch fixes this issue.

Hard to tell how common this is. I think we should fix it in aurora and beta though.

Comment 5

[bhavana bajaj [:bajaj]]

(In reply to doodeec from comment #0)
> User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML,
> like Gecko) Chrome/31.0.1605.1 Safari/537.36
> 
> Steps to reproduce:
> 
> visit http://mview.mobily.com.sa/
> 
> 
> Actual results:
> 
> (3D transformed) Content of #cFlow element (coverflow section in the top of
> the page) overflows the element despite elements overflow CSS property set
> to "hidden".
> 
> Info: till update to 23.0.1 the problem was not present.
> And also the problem disappears if the 'transform-style' property is set to
> preserve-3d on all #cFlow child elements.
> 
> 
> Expected results:
> 
> Content should not overflow an element with CSS property "overflow: hidden"

Hi , can you please help try our latest nightly and confirm this is fixed for you as Bug 906199 is fixed on firefox26 now ? Thank you :)

Comment 6

[doodeec]

Hi, I've tried and it is fixed now in Nightly [Mozilla/5.0 (Windows NT 6.1; WOW64; rv:26.0) Gecko/20100101 Firefox/26.0 ID:20130825030201 CSet: 01576441bdc6]

Thanks.

Comment 7

[Bogdan Maris, Desktop QA]

Mozilla/5.0 (Windows NT 6.1; WOW64; rv:25.0) Gecko/20100101 Firefox/25.0

Verified as fixed on Firefox 24 RC (buildID: 20130910201120), Firefox 25 beta 2 (buildID: 20130923194050) and latest Aurora (buildID: 20130924004001).

Comment 8

[Bogdan Maris, Desktop QA]

Mozilla/5.0 (Windows NT 6.1; WOW64; rv:25.0) Gecko/20100101 Firefox/25.0

Verified as fixed on Firefox 24 RC (buildID: 20130910201120), Firefox 25 beta 2 (buildID: 20130923194050) and latest Aurora (buildID: 20130924004001).

Comment 9

[philjohnston]

Using Firefox 26 fully up to date. This is still an unresolved issue as of version 26.

Comment 10

[philjohnston]

My bad - this is fixed. It was when using display:table on the container div with overflow:hidden that it doesn't work - when it does in other browsers. 

Solution is to put container (set as display:table) in a container (set as display:block);