1056370 - iframe elements escape overflow: hidden when animating

Status: RESOLVED WONTFIX

(Firefox OS Graveyard :: Performance, defect)

Description

[Aubrey Anderson]

Attachment: a simple test case in a firefox os app

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.9; rv:32.0) Gecko/20100101 Firefox/32.0 (Beta/Release)
Build ID: 20140807212602

Steps to reproduce:

Set a CSS border-radius on an iframe element in a Firefox OS app and then try to move that element with CSS or JavaScript.


Actual results:

On devices, when animating iframe elements which have a border-radius specified, the iframe content beyond the border-radius blinks on and off and escapes its container's borders.  This happens even when overflow:hidden is specified.  Please see attached test app to reproduce on device.  When running the attached app, swipe left and right to animate the iframes and see the bug.


Expected results:

with "overflow: hidden" set on an element and a border-radius specified, the contained content should remain hidden / masked regardless of what is happening to that element.  In the attached example, you can turn off your WiFi or data connection on device (or drop the contained index.html into desktop firefox) and watch it render correctly when iframe content is not loaded.

Comment 1

[BMO Automation]

Firefox OS is not being worked on