Skip to content

[ui5-resposive-popover]: the responsive popover is not centered in rtl direction and existing scroll bar #9966

Open
@iva-sap

Description

Bug Description

ui5-resposive-popover is not centered in cases there is a scroll bar that changes its position on direction - RTL. The issue is reproducible on Mac if the appearance of the scroll bar is set to be always shown.

Affected Component

ui5-resposive-popover

Expected Behaviour

ui5-resposive-popover should be centered.

Isolated Example

Playground example

Steps to Reproduce

  1. Open the isolated example
  2. Change the dir to rtl of the body element of the "Project preview" iframe in dev tools
  3. Click on btn1

Log Output, Stack Trace or Screenshots

Screenshot 2024-10-01 at 17 11 49

If the overflow is set to hidden in the body element then the responsive popover is positioned properly.

Screenshot 2024-10-01 at 17 12 14

Priority

Low

UI5 Web Components Version

2.2.0

Browser

Chrome

Operating System

Windows 11, macOS sonoma 14.6.1

Additional Context

The issue is relevant for ui5-popover.

Organization

SAP / UDEx components team

Declaration

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

Metadata

Type

No type

Projects

  • Status

    In Progress

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions