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.

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

Dropdown such as ComboBox causes scrolling in modal. #1619

Open
gohde opened this issue Jan 10, 2023 · 2 comments
Open

Dropdown such as ComboBox causes scrolling in modal. #1619

gohde opened this issue Jan 10, 2023 · 2 comments
Labels
blocked by upstream Requires a fix upstream

Comments

@gohde
Copy link

gohde commented Jan 10, 2023

A ComboBox will be constrained by a modal and start scrolling in the modal instead of simply laying on top of it as one would expect from a native dropdown menu.

@theetrain
Copy link
Collaborator

theetrain commented Jan 11, 2023

It appears this is an issue in Carbon v10 and v11 CSS, and solutions and workarounds are being tracked here carbon-design-system/carbon#7565

One of the suggested workarounds is to use a Select instead of a Combobox until a long-term solution is found in the core Carbon library.

carbon-design-system/carbon#9732

@theetrain theetrain added the blocked by upstream Requires a fix upstream label Jan 11, 2023
@gohde
Copy link
Author

gohde commented Jan 11, 2023

In case someone else comes over this problem. My workaround for the time being was the following hack. No collateral damage from this solution so far that I could see in my app but ymmv.

<style>
	:global(.bx--modal-content) {
		overflow: visible;
	}

	:global(.bx--modal.is-visible .bx--modal-container) {
		overflow: visible;
	}
</style>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
blocked by upstream Requires a fix upstream
Projects
None yet
Development

No branches or pull requests

2 participants