New issue
Advanced search Search tips

Issue 851934 link

Starred by 1 user

Issue metadata

Status: Duplicate
Merged: issue 805800
Owner: ----
Closed: Jun 2018
EstimatedDays: ----
NextAction: ----
OS: Windows
Pri: 2
Type: Bug



Sign in to add a comment

When a select element becomes active within a div with position sticky, the page scrolls to that element's original location.

Reported by ad...@imagedepotexpress.com, Jun 12 2018

Issue description

UserAgent: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.79 Safari/537.36

Steps to reproduce the problem:
1. Create an element with the CSS style position: sticky; top: 0.
2. Place a select element with some options within the sticky element.
3. Scroll down the page until the sticky element sticks to the top of the page.
4. Click on the select element.

What is the expected behavior?
Clicking on the select element should reveal the options.

What went wrong?
Clicking on the select element reveals the options, but the page scrolls back to where the sticky element was originally rendered on the page.

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 67.0.3396.79  Channel: stable
OS Version: 6.1 (Windows 7, Windows Server 2008 R2)
Flash Version: 

Here's a link to the codepen. https://codepen.io/anon/pen/vrxVoy

I've verified that this issue is not present in Firefox.
 
sticky-test.html
953 bytes View Download
Mergedinto: 805800
Status: Duplicate (was: Unconfirmed)

Sign in to add a comment