[Flyout system] Improve flyout animations#9025

Merged

tkajtoch merged 14 commits intoelastic:feat/flyout-systemfrom

tkajtoch:feat/is-open-animations

Sep 16, 2025

Commits on Sep 16, 2025

feat(EuiFlyout): add `isOpen` prop and improve opening/closing animation
tkajtoch
committed
feat: update flyout opening and closing animation keyframes
tkajtoch
committed
feat(EuiFlyout): call both the input `onAnimationEnd` prop and the internal `onAnimationEnd` handler
tkajtoch
committed
feat(EuiFlyout): Update opening and closing keyframes to visually slow down the animation slightly
tkajtoch
committed
feat(EuiFlyout): default to `isOpen = true`
tkajtoch
committed
test: update EuiFlyout snapshots to include `euiFlyout--open` class name
tkajtoch
committed
feat(EuiFlyout): Update `ownFocus can be false` test snapshot to account for the added `<div>` wrapper
tkajtoch
committed
test(EuiFlyout): Skip `maskProps` on `shouldRenderCustomStyles` until EuiOverlayMask support is added back
tkajtoch
committed
feat(EuiFlyout): Update overlay mask workaround
tkajtoch
committed
feat(EuiFlyout): Update flyout stories to use `isOpen`
tkajtoch
committed
test: Update snapshots of EuiCollapsibleNav and EuiCollapsibleNavBeta that render EuiFlyout
tkajtoch
committed
feat(EuiFlyout): Add `onClose` and `onClosing` jsdoc comments
tkajtoch
committed
fix(EuiFlyout): Fix comments syntax in Emotion styles
tkajtoch
committed
test(EuiFlyout): Skip overlay mask cypress tests
tkajtoch
committed