New issue
Advanced search Search tips
Note: Color blocks (like █ or █) mean that a user may not be available. Tooltip shows the reason.

Issue 757997 link

Starred by 2 users
Status: WontFix
Owner: ----
Closed: Nov 2017
Cc:
█ hdodda@chromium.org
EstimatedDays: ----
NextAction: ----
OS: Linux
Pri: 2
Type: Bug



Sign in to add a comment

Stickiness of input/ancestor ignored when focusing/typing and scrolling into view

Reported by bran...@forewordreviews.com, Aug 22 2017 
UserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.90 Safari/537.36

Steps to reproduce the problem:
1. Open testcase.html (input with `position:sticky;bottom:0` that is below bottom of page before being stuck)

If that doesn't work on its own, this should also trigger it:
1. Open testcase.html (input with `position:sticky;bottom:0` that is below bottom of page before being stuck)
2. Type into the input

What is the expected behavior?
Input should be focused without page scrolling. Should look exactly the same as reftest.html after load.

What went wrong?
Page is scrolled to the point where input is no longer stuck.

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 60.0.3112.90  Channel: stable
OS Version: Ubuntu 16.04
Flash Version:
testcase.html
229 bytes View Download
reftest.html
286 bytes View Download

Comment 1 by bfr...@gmail.com, Aug 22 2017 

There also appears to be a related, but possibly separate issue:

1. Open testcase.html
2. Type into the input

Workaround for this issue (that doesn't work with autofocus):

1. Open testcase-with-workaround.html
2. Type into the input

The trick is adding `overflow: hidden` to `#target` in testcase-with-workaround.html. Disabling/removing it shows the issue again.
testcase-with-workaround.html
264 bytes View Download

Comment 2 by hdodda@chromium.org, Aug 23 2017

Cc: hdodda@chromium.org
Labels: Needs-Triage-M60 Needs-Feedback
Tested the issue on Mac os 10.12.6 , ubuntu 14.04 using chrome M60 #60.0.3112.101 and M62 #62.0.3193.0 and observed similar behavior in chrome and firefox browsers.

Attached screencast for reference.

@brandon-- Could you please check if you can reproduce the issue in latest chrome stable #60.0.3112.101 and also please help us with the expected result screenshot for better understanding.

Thanks!

Comment 3 by puey...@gmail.com, Sep 20 2017 

I observed something similar while working on something unrelated, and found this bug. 

Setting overflow: hidden to the element that has position: sticky set did indeed workaround the issue.

Version 61.0.3163.91 (Official Build) (64-bit)

Comment 4 by rkalavakuntla@chromium.org, Nov 24 2017

Status: WontFix (was: Unconfirmed)
Due to lack of user feedback closing this issue.
Please feel free to raise a new issue if you face any chrome issue further.
Thanks..!
►

Sign in to add a comment