Skip to content

[Flyout System] "Fill" mode logic no longer works #9048

@tsullivan

Description

@tsullivan

In the feat/flyout-system feature branch (currently not yet merged to EUI main), the logic to support the responsive rules of fill mode, specifically when there is a child flyout visible, no longer works.

The rules are:

  1. A standalone flyout using "fill-mode" should use a width of 90vw
  2. If there is a sibling flyout, the flyout in "fill-mode" should use a width of calc(90vw - widthOfSibling)
  3. The width of the flyout should stay up-to-date as the screen width changes
  4. Logic around maxWidth prop applies as well.

Update: it appears this was introduced in #8999, and all flyout size configurations are affected. The flyout with is no longer proportional to the size of the screen.

Before

Image

After

Image

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No fields configured for Bug.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions