diff --git a/packages/components/src/popover/index.js b/packages/components/src/popover/index.js index 02f5c5463e4ae..5b528fda7fd11 100644 --- a/packages/components/src/popover/index.js +++ b/packages/components/src/popover/index.js @@ -265,7 +265,6 @@ const Popover = ( { const slot = useSlot( __unstableSlotName ); const isExpanded = expandOnMobile && isMobileViewport; const [ containerResizeListener, contentSize ] = useResizeObserver(); - noArrow = isExpanded || noArrow; useEffect( () => { @@ -330,6 +329,10 @@ const Popover = ( { )?.parentNode; } + const usedContentSize = ! contentSize.height + ? contentRef.current.getBoundingClientRect() + : contentSize; + const { popoverTop, popoverLeft, @@ -339,7 +342,7 @@ const Popover = ( { contentWidth, } = computePopoverPosition( anchor, - contentSize, + usedContentSize, position, __unstableSticky, containerRef.current, diff --git a/packages/e2e-test-utils/src/transform-block-to.js b/packages/e2e-test-utils/src/transform-block-to.js index a04c78b907dc5..0ea2b49ffa05f 100644 --- a/packages/e2e-test-utils/src/transform-block-to.js +++ b/packages/e2e-test-utils/src/transform-block-to.js @@ -19,6 +19,9 @@ export async function transformBlockTo( name ) { visible: true, } ); await switcherToggle.click(); + await page.waitForSelector( '.block-editor-block-switcher__container', { + visible: true, + } ); // Find the block button option within the switcher popover. const xpath = `//*[contains(@class, "block-editor-block-switcher__popover")]//button[.='${ name }']`;