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:
- A standalone flyout using "fill-mode" should use a width of
90vw
- If there is a sibling flyout, the flyout in "fill-mode" should use a width of
calc(90vw - widthOfSibling)
- The width of the flyout should stay up-to-date as the screen width changes
- 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

After

In the
feat/flyout-systemfeature 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:
90vwcalc(90vw - widthOfSibling)maxWidthprop 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
After