Data grid no longer adapts to its container in recent versions

[mmourafiq]

The example (Data grid adapts to its container) does not respect the height: 300 style and just expands beyond the container max height.

I noticed this issue in 27.3.0 and 27.4.0

[snide]

Verified. I'll look into the regression that caused this on Monday and prioritize it. Offhand, looking at old data grid PR previews, this first showed up first #3700, but might have been caused by some other cascade.

[snide]

This is due to the change in our downstream FocusTrap component which now uses https://github.com/theKashey/react-focus-on. The new lib doesn't allow style tags, and we had a height: 100% applied that is no longer being picked up. @thompsongl has a fix in that library itself, which should close the issue. theKashey/react-focus-on#47

Gonna see if that PR merges this week before addressing this with a hack in EUI itself.

[snide]

I lied. FocusOn exposes a className, which the previous component did not. That works cleaner. PR up #3894