Skip to content

Flyout generates two EuiOverlayMask when ownFocus is enabled #3437

@weiklr

Description

@weiklr

Hi,

I'm using the latest version (23.2.0) of elastic UI and was trying the "Small Flyout, own Focus" demo in my own dev environment.

When I click the button, i realize the overlay mask stays on even though the drawer has closed.

On inspecting the browser console, i realize there's two EuiOverLayMask component created when the drawer is open. When the drawer is closed, there's still one remaining in the DOM, causing the issue.
Screenshot from 2020-05-07 15-52-13

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions