From 247d93ad8a0978385ba7894c34f181cafbc6b5b2 Mon Sep 17 00:00:00 2001 From: Dave Snider Date: Wed, 22 Apr 2020 12:51:01 -0700 Subject: [PATCH 1/2] Set a max width to EuiPageBody --- src/components/page/page_body/_page_body.scss | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/components/page/page_body/_page_body.scss b/src/components/page/page_body/_page_body.scss index 0ce849817b8..990f0fcd1ab 100644 --- a/src/components/page/page_body/_page_body.scss +++ b/src/components/page/page_body/_page_body.scss @@ -3,6 +3,8 @@ flex-direction: column; align-items: stretch; flex: 1 1 100%; + // Make sure that inner flex layouts don't get larger than this container + max-width: 100%; &--restrictWidth-default, &--restrictWidth-custom { From e6c4c9e0f4d038cae4c0e36fccb20e5277bd634c Mon Sep 17 00:00:00 2001 From: Dave Snider Date: Wed, 22 Apr 2020 13:41:15 -0700 Subject: [PATCH 2/2] cl --- CHANGELOG.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index bc85b894d9c..3fe44f20591 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,6 +1,6 @@ ## [`master`](https://github.com/elastic/eui/tree/master) -No public interface changes since `23.1.0`. +- Applies `max-width: 100%` to `EuiPageBody` so inner flex-based items don't overflow their containers ([#3375](https://github.com/elastic/eui/pull/3375)) ## [`23.1.0`](https://github.com/elastic/eui/tree/v23.1.0)