submenu overflow on Safari #7112
Labels
Comments
|
FE-7020 |
nuria1110
added a commit
that referenced
this issue
Dec 16, 2024
Fixes issue where a MenuItem within a submenu with overflow would get cut off and render with a scroll bar. fix #7112
nuria1110
added a commit
that referenced
this issue
Dec 16, 2024
Fixes issue where a MenuItem within a submenu with overflow would get cut off and render with a scroll bar. fix #7112
14 tasks
nuria1110
added a commit
that referenced
this issue
Dec 17, 2024
Fixes issue where a MenuItem within a submenu with overflow would get cut off and render with a scroll bar. fix #7112
carbonci
pushed a commit
that referenced
this issue
Dec 19, 2024
### [146.2.1](v146.2.0...v146.2.1) (2024-12-19) ### Bug Fixes * **submenu:** ensure submenu has expected width in Safari ([a6ea2e2](a6ea2e2)), closes [#7112](#7112)
|
🎉 This issue has been resolved in version 146.2.1 🎉 The release is available on: Your semantic-release bot 📦🚀 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Description
When a Menu is rendered with a Submenu and various width-related props provided, and the width of the submenu items is greater than that of the parent item, on Chrome (and Firefox) this renders correctly with the submenu the appropriate width
On Safari, the same is rendered only as wide as the parent item, with horizontal overflow:
Reproduction
https://stackblitz.com/edit/parsium-carbon-starter-nqzjqy?file=src%2FApp.tsx%3AL5
Steps to reproduce
No response
JIRA ticket numbers (Sage only)
No response
Suggested solution
No response
Carbon version
144.9.2
Design tokens version
No response
Relevant browsers
Safari
Relevant OSs
MacOS
Additional context
No response
Confidentiality
The text was updated successfully, but these errors were encountered: