diff --git a/packages/eui/.loki/reference/chrome_desktop_Layout_EuiInputPopover_Anchor_Position.png b/packages/eui/.loki/reference/chrome_desktop_Layout_EuiInputPopover_Anchor_Position.png index ad2be843669e..deaaae32acc1 100644 Binary files a/packages/eui/.loki/reference/chrome_desktop_Layout_EuiInputPopover_Anchor_Position.png and b/packages/eui/.loki/reference/chrome_desktop_Layout_EuiInputPopover_Anchor_Position.png differ diff --git a/packages/eui/.loki/reference/chrome_desktop_Layout_EuiInputPopover_Playground.png b/packages/eui/.loki/reference/chrome_desktop_Layout_EuiInputPopover_Playground.png index 00be806f147c..d2a865c18252 100644 Binary files a/packages/eui/.loki/reference/chrome_desktop_Layout_EuiInputPopover_Playground.png and b/packages/eui/.loki/reference/chrome_desktop_Layout_EuiInputPopover_Playground.png differ diff --git a/packages/eui/.loki/reference/chrome_mobile_Layout_EuiInputPopover_Anchor_Position.png b/packages/eui/.loki/reference/chrome_mobile_Layout_EuiInputPopover_Anchor_Position.png index f20a5fcb1145..87ffe1734c7f 100644 Binary files a/packages/eui/.loki/reference/chrome_mobile_Layout_EuiInputPopover_Anchor_Position.png and b/packages/eui/.loki/reference/chrome_mobile_Layout_EuiInputPopover_Anchor_Position.png differ diff --git a/packages/eui/.loki/reference/chrome_mobile_Layout_EuiInputPopover_Playground.png b/packages/eui/.loki/reference/chrome_mobile_Layout_EuiInputPopover_Playground.png index b5bc01311cdc..39f488513dd5 100644 Binary files a/packages/eui/.loki/reference/chrome_mobile_Layout_EuiInputPopover_Playground.png and b/packages/eui/.loki/reference/chrome_mobile_Layout_EuiInputPopover_Playground.png differ diff --git a/packages/eui/loki.config.js b/packages/eui/loki.config.js index e2d362a16be2..0363e5e09640 100644 --- a/packages/eui/loki.config.js +++ b/packages/eui/loki.config.js @@ -3,7 +3,7 @@ module.exports = { // Please keep in sync with .storybook/loki.ts chromeSelector: '#story-wrapper > *', chromeRetries: 3, - chromeDockerImage: 'yukinying/chrome-headless-browser-stable:latest', + chromeDockerImage: 'yukinying/chrome-headless-browser-stable:118.0.5993.117', // Loki does not work with latest Chrome images and must be pinned chromeFlags: '--headless --disable-gpu --hide-scrollbars --force-prefers-reduced-motion', configurations: { 'chrome.desktop': { diff --git a/packages/eui/src/components/popover/input_popover.stories.tsx b/packages/eui/src/components/popover/input_popover.stories.tsx index f2c4c4b53d48..36a04f945584 100644 --- a/packages/eui/src/components/popover/input_popover.stories.tsx +++ b/packages/eui/src/components/popover/input_popover.stories.tsx @@ -14,12 +14,16 @@ import { enableFunctionToggleControls, moveStorybookControlsToCategory, } from '../../../.storybook/utils'; +import { LOKI_SELECTORS } from '../../../.storybook/loki'; import { EuiFieldText } from '../form'; import { EuiInputPopover, EuiInputPopoverProps } from './input_popover'; const meta: Meta = { title: 'Layout/EuiInputPopover', component: EuiInputPopover, + parameters: { + loki: { chromeSelector: LOKI_SELECTORS.portal }, + }, args: { anchorPosition: 'downLeft', attachToAnchor: true,