Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

submenu overflow on Safari #7112

Open
1 task done
robinzigmond opened this issue Dec 3, 2024 · 1 comment · May be fixed by #7131
Open
1 task done

submenu overflow on Safari #7112

robinzigmond opened this issue Dec 3, 2024 · 1 comment · May be fixed by #7131
Labels
Bug menu On Backlog

Comments

@robinzigmond
Copy link
Contributor

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
image

On Safari, the same is rendered only as wide as the parent item, with horizontal overflow:
image

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

  • I confirm there is no confidential or commercially sensitive information included.
@robinzigmond robinzigmond added Bug triage Triage Required labels Dec 3, 2024
@nicktitchmarsh
Copy link
Contributor

FE-7020

@nicktitchmarsh nicktitchmarsh added On Backlog menu and removed triage Triage Required labels Dec 10, 2024
nuria1110 added a commit that referenced this issue Dec 16, 2024
@nuria1110
fix(submenu): ensure submenu has expected width in Safari
6270f5d 
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
@nuria1110
fix(submenu): ensure submenu has expected width in Safari
ba64d39 
Fixes issue where a MenuItem within a submenu with overflow would get cut off and render with a
scroll bar.

fix #7112
@nuria1110 nuria1110 linked a pull request Dec 16, 2024 that will close this issue
Draft
14 tasks
nuria1110 added a commit that referenced this issue Dec 17, 2024
@nuria1110
fix(submenu): ensure submenu has expected width in Safari
a6ea2e2 
Fixes issue where a MenuItem within a submenu with overflow would get cut off and render with a
scroll bar.

fix #7112
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Bug menu On Backlog
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix(submenu): ensure submenu has expected width in Safari Sage/carbon
2 participants
@robinzigmond @nicktitchmarsh