-
Notifications
You must be signed in to change notification settings - Fork 465
Open
Description
Describe the issue
On the latest version of safari the RTL drop down sometimes aligns the right side of the dropdown to the left side of the detail summary.
The issue seems to be with the latest version of Mac OS 15.4 and iOS 18.4.

Current Behavior
When clicking a RTL dropdown the dropdown the menu aligns to the left edge.
Expected Behavior
The menu should align to the right edge.
Reproduction URL
https://picocss.com/docs/dropdown#usage-with-nav
The version selector in the top nav works, but the example one in the document is misaligned.
[Update]
Looks like the difference is the display style on the details tag. If display is inline then the issue happens, but if it is inline-block that fixes it:
https://codepen.io/int64/pen/bNGOvBG
Environment
Safari 18.4 Mac and iOS
alphatownsman
Metadata
Metadata
Assignees
Labels
No labels