New issue
Advanced search Search tips

Issue 785641 link

Starred by 1 user

Issue metadata

Status: Duplicate
Merged: issue 787565
Owner: ----
Closed: Dec 2017
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Chrome
Pri: 2
Type: Bug

Blocking:
issue 767373
issue 783569



Sign in to add a comment

Box shadow is clipped on flex item in scrolling container

Project Member Reported by l...@chromium.org, Nov 16 2017

Issue description

OS: ChromeOS
Does not affect Linux

What steps will reproduce the problem?
(1) Run this fiddle http://jsfiddle.net/9fLd46qg/14/
(2) Click inside the input to give it focus

What is the expected result?
The styles should give a red shadow on the right and bottom edge of the input

What happens instead?
Red shadow is only visible on the right, not the bottom edge, as if the bottom overflow was clipped

I found this issue by deconstructing DevTools UI for  https://crbug.com/767373 

If this is the same root cause, this likely affects MacOS w/ Touch bar as well.
 

Comment 1 by l...@chromium.org, Nov 16 2017

Blocking: 767373 783569

Comment 2 by nainar@chromium.org, Nov 16 2017

Labels: Needs-Bisect
Components: -Blink>CSS Blink>Layout>Flexbox

Comment 4 by e...@chromium.org, Nov 30 2017

Components: -Blink>Layout>Flexbox Blink>Forms>Text
Likely a platform theme issue as it is limited to ChromeOS.

Comment 5 by kochi@chromium.org, Dec 27 2017

Components: Blink>Paint
Adding Blink>Pixel as the rendering of shadow is the problem.

Comment 6 by kochi@chromium.org, Dec 27 2017

Oops, I meant Paint, not Pixel :(
Mergedinto: 787565
Status: Duplicate (was: Untriaged)

Sign in to add a comment