New issue
Advanced search Search tips

Issue 896390 link

Starred by 1 user

Issue metadata

Status: WontFix
Owner: ----
Closed: Oct 22
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: ----
Pri: 3
Type: Bug



Sign in to add a comment

Sticky top positioned elements not displayed correctly

Reported by pdav...@gmail.com, Oct 17

Issue description

Chrome Version       : 69.0.3497.100
URLs (if applicable) : 
Other browsers tested:
  Add OK or FAIL, along with the version, after other browsers where you
have tested this issue:
     Safari: OK 12.0 (13606.2.11)
    Firefox: OK 62.0.3
       Edge: NOT TESTED

What steps will reproduce the problem?
(1) just visit a page with this simple html/css code: https://gist.githubusercontent.com/pdavide/0fb413fd6fd09a6a46417dbe94a8e0ae/raw/c1c8186244293f79eb241e8828a3d848562bf7a3/index.html

What is the expected result?
The element with "position: sticky" should be placed on top of the page, without any space from the top edge of the viewport.

What happens instead?
Sticky top positioned elements preceded by elements with border-width not defined as px (integer value) are not displayed correctly, i.e. they stay ~1px detached from the top edge of the viewport.

Please provide any additional information below. Attach a screenshot if
possible.
If the border-width of the preceding element is defined as integer px values (or equivalent) the elements are displayed correctly.
Find attached two screenshots displaying the html/css code linked above. In the "scrolled" screenshot you can see the green space between the sticky positioned element and the top edge.
 
not_scrolled.png
11.6 KB View Download
scrolled.png
7.3 KB View Download
Components: Internals>Compositing>Animation
Labels: Needs-Triage-M69
Cc: swarnasree.mukkala@chromium.org
Labels: Needs-Feedback Triaged-ET
Unable to reproduce the issue on reported chrome version #69.0.3497.100 and latest stable 70.0.3538.67 using Ubuntu 17.10, Mac OS 10.13.6 and Windows 10 by following below steps.

Steps:
=====
1.Launched chrome.
2.Navigated to "  https://gist.githubusercontent.com/pdavide/0fb413fd6fd09a6a46417dbe94a8e0ae/raw/c1c8186244293f79eb241e8828a3d848562bf7a3/index.html
"
3.Copied code from the linked and saved the file as "896390.html"
4.Scrolled down the page and observed that the element with"position: sticky" is on the top of the page.

Attached screenshots and HTML file for reference.
@reporter: Could you please review attached screenshots and let us know if anything is being missed here. Request you to retry issue on latest stable #70.0.3538.67 by creating a new person without any apps and extensions installed, reset all flags to default and let us know if the issue still persists.
Thanks.!
896390(after_scroll).png
57.5 KB View Download
896390(before_scroll_.png
96.8 KB View Download
896390.html
559 bytes View Download
I can confirm that the bug is not affecting version 70.0.3538.67 on MacOS.
Project Member

Comment 5 by sheriffbot@chromium.org, Oct 18

Labels: -Needs-Feedback
Thank you for providing more feedback. Adding the requester to the cc list.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
Labels: Needs-TestConfirmation
Adding Needs-TestConfirmation. Per #3, and #4 this no longer reproduces on Canary we should close as WontFix.
Labels: -Needs-TestConfirmation
Status: WontFix (was: Unconfirmed)
In addition to comment#6, it is not getting reproduced latest canary #72.0.3588.0 on both Ubuntu 17.10 and Mac OS 10.12.6 hence marking it as won't Fix.

@reporter: Please feel free to raise a new issue if the issue persists on latest chrome versions.
Thanks.!

Sign in to add a comment