Skip to content

[SelectField] broken with position: sticky parent #6712

Description

Problem description

Using SelectField in conjunction with a parent container that has position: sticky results in the DropdownMenu being at position top: 0px. Scrolling causes it to move to the correct position.

Link to minimal working code that reproduces the issue

https://www.webpackbin.com/bins/-KifvEsWmi4GeXtxBPDe

Versions

  • Browser: Chrome Version 58.0.3029.81 (64-bit)

Steps to reproduce

  1. Click the SelectField
  2. Notice wrong DropdownMenu position
  3. Scroll
  4. Notice correct position

Metadata

Metadata

Assignees

No one assigned

    Labels

    scope: selectChanges related to the select.type: bugIt doesn't behave as expected.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions