From e58f33681db6cf653ba7c88dbd661f0025bd8994 Mon Sep 17 00:00:00 2001 From: Cee Chen <549407+cee-chen@users.noreply.github.com> Date: Fri, 1 Nov 2024 08:16:23 -0700 Subject: [PATCH] [EuiSuperDatePicker] Fix dates overflowing out of the delimited inputs (#8109) --- ...uiSuperDatePicker_Overflowing_Children.png | Bin 0 -> 5336 bytes ...uiSuperDatePicker_Overflowing_Children.png | Bin 0 -> 10161 bytes packages/eui/.storybook/test.ts | 6 ++++ packages/eui/changelogs/upcoming/8109.md | 3 ++ .../super_date_picker.test.tsx.snap | 2 +- .../date_popover_button.styles.ts | 4 +++ .../date_popover/date_popover_button.tsx | 1 + .../super_date_picker.stories.tsx | 32 +++++++++++++++++- .../super_date_picker.styles.ts | 1 + 9 files changed, 47 insertions(+), 2 deletions(-) create mode 100644 packages/eui/.loki/reference/chrome_desktop_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Overflowing_Children.png create mode 100644 packages/eui/.loki/reference/chrome_mobile_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Overflowing_Children.png create mode 100644 packages/eui/changelogs/upcoming/8109.md diff --git a/packages/eui/.loki/reference/chrome_desktop_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Overflowing_Children.png b/packages/eui/.loki/reference/chrome_desktop_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Overflowing_Children.png new file mode 100644 index 0000000000000000000000000000000000000000..ed3edf364f84a2ef55d9cc9f7e89ce81c8e4b2ea GIT binary patch literal 5336 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 X*TCq%xJyyAJAkr+hJ3Z``%nJ|f$1Pn literal 0 HcmV?d00001 diff --git a/packages/eui/.storybook/test.ts b/packages/eui/.storybook/test.ts index 0cc66d08a92..babfd5973c1 100644 --- a/packages/eui/.storybook/test.ts +++ b/packages/eui/.storybook/test.ts @@ -40,6 +40,12 @@ const customWithin = (canvasElement: HTMLElement) => { await waitFor(() => expect(canvasElement.querySelector('[data-popover-open]')).toBeVisible() ), + waitForEuiPopoverHidden: async () => + await waitFor(() => + expect( + canvasElement.querySelector('[data-popover-panel]') + ).not.toBeInTheDocument() + ), }; }; diff --git a/packages/eui/changelogs/upcoming/8109.md b/packages/eui/changelogs/upcoming/8109.md new file mode 100644 index 00000000000..b22827b3cdd --- /dev/null +++ b/packages/eui/changelogs/upcoming/8109.md @@ -0,0 +1,3 @@ +**Bug fixes** + +- Fixed an `EuiSuperDatePicker` bug where inputs would overflow out of smaller widths instead of truncating diff --git a/packages/eui/src/components/date_picker/super_date_picker/__snapshots__/super_date_picker.test.tsx.snap b/packages/eui/src/components/date_picker/super_date_picker/__snapshots__/super_date_picker.test.tsx.snap index 37a6e3a5b1f..306224a0103 100644 --- a/packages/eui/src/components/date_picker/super_date_picker/__snapshots__/super_date_picker.test.tsx.snap +++ b/packages/eui/src/components/date_picker/super_date_picker/__snapshots__/super_date_picker.test.tsx.snap @@ -826,7 +826,7 @@ exports[`EuiSuperDatePicker renders an EuiDatePickerRange 1`] = `