Skip to content

[Popover]: [Popover's content is wrongly positioned if MessageStrip component is inside] #8109

@mishalov

Description

@mishalov

Describe the bug

I have a table (Table from react-ui5), there is a cell and popover inside the cell. Popover with my own content (text, any other ReactNodes from my app) works fine, but when i add MessageStrip - it start to blink link on the attached video.

Screen.Recording.2026-01-16.at.8.34.38.mov

Isolated Example

No response

Reproduction steps

     <UI5Popover
            popoverPosition={PopoverPlacementType.Top}
            component={(props: TargetProps) => (
                <div>1</div>
            )}
            componentId={...}
        >
            <UsagePopoverContent
            />
        </UI5Popover>

const UsagePopoverContent = () => <div>
  <MessageStrip hideCloseButton>
                    Any text
  </MessageStrip>
</div>

Expected Behaviour

Normal popover state, like with text on the attached video

Screenshots or Videos

Screen.Recording.2026-01-16.at.8.34.38.mov

UI5 Web Components for React Version

2.18.1

UI5 Web Components Version

2.18.1

Browser

Chrome

Operating System

MacOS

Additional Context

No response

Relevant log output

Organization

SAP Signavio

Declaration

  • I’m not disclosing any internal or sensitive information.

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions