New issue
Advanced search Search tips

Issue 684778 link

Starred by 1 user

Issue metadata

Status: Duplicate
Merged: issue 157218
Owner: ----
Closed: Jan 2017
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: All , Mac
Pri: 2
Type: Bug



Sign in to add a comment

border-radius transition overflow

Reported by justinjm...@gmail.com, Jan 24 2017

Issue description

UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.95 Safari/537.36

Steps to reproduce the problem:
Codepen: http://codepen.io/justinmc/pen/XpaKJq

1. Create a div with rounded corners (border-radius), overflow: hidden, and an absolutely positioned div inside of it.
2. Add a transition to the nested div.
3. The nested div will overflow the corners during the duration of the transition.

What is the expected behavior?
All overflow should be hidden, even during a transition

What went wrong?
The nested div is visible outside of the parent div's corners during the transition.

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 55.0.2883.95  Channel: stable
OS Version: OS X 10.12.2
Flash Version: Shockwave Flash 24.0 r0

Don't miss my codepen: http://codepen.io/justinmc/pen/XpaKJq
 
Components: -Blink>Animation Blink>Paint
Labels: OS-All
Status: Available (was: Unconfirmed)
I believe this is a long standing paint issue with rendering the border-radius clip on animated composited layers.
Mergedinto: 157218
Status: Duplicate (was: Available)

Sign in to add a comment