I'm experimenting with the CSS style called position: sticky and I've encountered an issue. Everything works perfectly until the select element is activated, causing the page to scroll back to the original position of the sticky element.
<div style="position: sticky; position: -webkit-sticky; top: 0;">
<select>
<option>Option</option>
</select>
</div>
Here's a link to the issue on CodePen
I searched online for a solution but couldn't find anything addressing this specific problem. Has anyone else experienced this before and found a fix?
Thank you!
Browser used: Chrome 67.0.3396.79
Operating System: Windows 7 Home Premium
Note that sticky positioning works correctly in Firefox.
A bug report related to this issue can be found here: Bug Report Link