Skip to content

[SelectField] shows incorrect opening animation #5764

@jampy

Description

@jampy

When opening a <SelectField> that contains enough elements to scroll and having one item pre-selected (value property set) causes the appear-animation to show the wrong scroll position. Once the animation completes the menu jumps to the final position:

selectbox-bad

This varies in base of number of elements contained and which element selected. It is also very noticeable on mobile (Samsung S7) and can be reproduced constantly.

Try yourself on WebpackBin. If you can't reproduce, maybe try different number of items / different preselection.

The above was recorded on Desktop with Chrome 55 on a 4K display (60Hz, if that matters) on Windows.

When I move the browser window to a secondary 1050p monitor and do the test there, then it looks better:

selectbox-okay

So this might be related to high density displays .

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