fix(Popper): fixed flicker when opening popper content (patternfly#9339)

* fix(Popper): fixed flicker when opening popper content * fixed re-focus delay when closing popover * updated DatePicker test to have consistent value
Kells512 · Sep 1, 2023 · 6e2d563 · 6e2d563
1 parent 3d81c69
commit 6e2d563
Show file tree

Hide file tree

Showing 11 changed files with 230 additions and 165 deletions.
diff --git a/packages/react-core/src/components/DataList/__tests__/__snapshots__/DataList.test.tsx.snap b/packages/react-core/src/components/DataList/__tests__/__snapshots__/DataList.test.tsx.snap
@@ -164,7 +164,7 @@ exports[`DataList DataListAction dropdown 1`] = `
         data-ouia-component-id="OUIA-Generated-Dropdown-1"
         data-ouia-component-type="PF5/Dropdown"
         data-ouia-safe="true"
-        style="position: absolute; left: 0px; top: 0px; z-index: 9999;"
+        style="position: absolute; left: 0px; top: 0px; z-index: 9999; opacity: 0; transition: opacity 0ms cubic-bezier(.54, 1.5, .38, 1.11);"
       >
         <div
           class="pf-v5-c-menu__content"

diff --git a/packages/react-core/src/components/DatePicker/__tests__/DatePicker.test.tsx b/packages/react-core/src/components/DatePicker/__tests__/DatePicker.test.tsx
@@ -57,7 +57,7 @@ test('Error state can be cleared from outside', async () => {
 test('With popover opened', async () => {
   const user = userEvent.setup();
 
-  const { asFragment } = render(<DatePicker />);
+  const { asFragment } = render(<DatePicker value="2020-03-17" />);
 
   await user.click(screen.getByRole('button', { name: 'Toggle date picker' }));
   await screen.findByRole('button', { name: 'Previous month' });