New issue
Advanced search Search tips

Issue 698291 link

Starred by 2 users
Status: Duplicate
Merged: issue 695729
Owner:
flackr@chromium.org
Closed: Mar 2017
Cc:
flackr@chromium.org
Components:
EstimatedDays: ----
NextAction: ----
OS: ----
Pri: 3
Type: Bug



Sign in to add a comment

`box-shadow` re-positions `position: sticky` on Retina screens

Reported by matthewm...@gmail.com, Mar 3 2017 
Chrome Version       :  56.0.2924.87 (64-bit)
URLs (if applicable) : https://jsfiddle.net/fqz2o0hg/3/
Other browsers tested:
  Add OK or FAIL, along with the version, after other browsers where you
have tested this issue:
     Safari: OK
    Firefox: OK
         IE: N/A

What steps will reproduce the problem?
(1) use `position: sticky` and `box-shadow` on the same element
(2) view on a Retina screen

What is the expected result?
The element's shadow does not affect its position.

What happens instead?
The element's shadow offsets the position of the element.

Please provide any additional information below. Attach a screenshot if
possible.

This is only happening in Chrome on a Retina screen: https://jsfiddle.net/fqz2o0hg/3/
non-retina sticky box shadow.png
19.4 KB View Download
retina sticky box shadow.png
38.6 KB View Download

Comment 1 by rbyers@chromium.org, Mar 3 2017

Components: -Blink Blink>Layout
Labels: Hotlist-ThreadedRendering

Comment 2 by ligim...@chromium.org, Mar 3 2017

Labels: Needs-Bisect Needs-Triage-M56

Comment 3 by e...@chromium.org, Mar 5 2017

Owner: flackr@chromium.org
Status: Assigned (was: Unconfirmed)
Over to flackr for position sticky triage.

Comment 4 by nikitako...@gmail.com, Mar 6 2017 

Happens also on a non-retina display. I have an ultra-wide full HD monitor and the same behavior is present there.

Comment 5 by kavvaru@chromium.org, Mar 6 2017

Labels: -Needs-Bisect
Mergedinto: 695729
Status: Duplicate (was: Assigned)
Issue seems similar to the  bug 695729 .Hence merging this into 695729.

Please feel free to undupe if not similar.

Thanks,
►

Sign in to add a comment