Skip to content
Bug reportAug 31, 2026· 0:24· 10 views

EUI: EuiPopoverFooter background is not clipped to the popover panel border radius

0:24 total

Comments · 0

Be the first to comment.

Bug report— by SceneRecap AI

lowsrc/components/popover/popover_footer.scss
os: macOSdpr: 1browser: Chromium 151.0.7922.34viewport: 1280x720

Repro steps

  1. 1.Navigate to the Popover documentation page (/docs/components/containers/popover)
  2. 2.Scroll down to the 'Popover titles and footers' section
  3. 3.Click on the button to trigger and open a popover containing a footer ('With title and footer button')
  4. 4.Inspect the bottom corners of the popover footer

Expected

EuiPopoverFooter background should match the parent popover panel's border radius or be clipped within the panel's rounded corners.

Actual

EuiPopoverFooter background renders with square bottom corners that bleed outside the popover panel's rounded border.

Evidence

visualOpened popover panel reveals the footer background extending with square corners past the rounded border radius of the container panel
Issue markdown (copy-paste ready)
### Description
When rendering an `EuiPopover` with an `EuiPopoverFooter`, the footer background color does not inherit the popover container's border radius or clip to the rounded container bounds. This causes sharp/square corners to bleed outside the rounded bottom edge of the popover panel.

### Steps to Reproduce
1. Open the EUI documentation page at `/docs/components/containers/popover`.
2. Scroll down to the **Popover titles and footers** section.
3. Click the **With title and footer button** (or footer popover trigger) to open the popover.
4. Observe the bottom corners of the footer caption area.

### Expected Behavior
The footer background should clip to the container border radius (`overflow: hidden` on the popover panel or matching `border-bottom-left-radius` and `border-bottom-right-radius` on `EuiPopoverFooter`).

### Actual Behavior
The footer background renders with square corners that stick out beyond the popover panel's rounded bottom border.

*Recorded with SceneRecap.*

Your recordings could explain themselves too.

Free plan · silent recordings welcome · bug reports included.

Try SceneRecap free
EUI: EuiPopoverFooter background is not clipped to the popover panel border radius · SceneRecap