eui icon indicating copy to clipboard operation
eui copied to clipboard

[Strict Mode] EuiResizeObserver doesn't work

Open weronikaolejniczak opened this issue 5 months ago • 0 comments

Describe the bug

When Strict Mode is enabled, EuiResizeObserver doesn't work. Example usage in EuiAccordion - dynamic height changes don't work.

Docs page

Strict Mode No Strict Mode
image image

Impact and severity

It impacts all end-users of our consumers. Severe.

There is no known workaround.

[Search] EuiResizeObserver is used internally in:

[Search] EuiResizeObserver is used in Kibana 16 times

Environment and versions

  • EUI version: ~
  • React version: React 18 (Strict Mode)
  • Kibana version (if applicable): ~
  • Browser: ~
  • Operating System: ~

Minimum reproducible sandbox

Codesandbox

To Reproduce

  1. Enable Strict Mode in your environment.
  2. Render EuiResizeObserver.
  3. Notice that it doesn't react to resizes and returned values don't change.

Expected behavior

EuiResizeObserver reacts to dimension changes and returns correct values.

weronikaolejniczak avatar Jun 12 '25 13:06 weronikaolejniczak