Skip to content

Bug - Dropdown - position='right' does not work in combination with isFlipEnabled #8013

@wise-king-sullyman

Description

@wise-king-sullyman

Describe the problem
Enabling flip behavior on the Dropdown component causes the menu to only render left-aligned with the toggle, regardless of the setting of the position prop.

How do you reproduce the problem?
Set position='right' and isFlipEnabled={true}` on a Dropdown.
https://codesandbox.io/s/pedantic-ben-j8l5wg?file=/index.tsx

Screenshots
image

It seems that this issue is (at least partially) caused by position: revert being applied when flipping is enabled.

Metadata

Metadata

Labels

No labels
No labels

Type

No type

Projects

Status

Done

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions