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

md-select-options don't inherit width from md-select #5133

Closed
CollinHerber opened this issue Oct 26, 2023 · 1 comment
Closed

md-select-options don't inherit width from md-select #5133

CollinHerber opened this issue Oct 26, 2023 · 1 comment
Assignees

Comments

@CollinHerber
Copy link

CollinHerber commented Oct 26, 2023

What is affected?

Component

Description

When changing the width of a mdc-select the options menu do not inherit the same width.
Screenshot 2023-10-26 at 9 22 16 AM

Reproduction

https://stackblitz.com/edit/au2-conventions-testrq?file=src%2Fmy-app.html

Workaround

None known at this time

Is this a regression?

No or unsure. This never worked, or I haven't tried before.

Affected versions

1.0.1

Browser/OS/Node environment

Chrome
MacOS
Node 20
PNPM Package Manager v8

@e111077
Copy link
Contributor

e111077 commented Oct 31, 2023

please use min-width. This needs documenting or some styling on our end

copybara-service bot pushed a commit that referenced this issue Nov 10, 2023
fixes #5112
fixes #5133

upon opening the select, the menu with calculate the width of the select and set the min-width of the corresponding menu to match. If the user has an item with a really long headline, then clap-menu-width will clamp the max-width of the menu to that of the select.

PiperOrigin-RevId: 581058798
copybara-service bot pushed a commit that referenced this issue Nov 10, 2023
fixes #5112
fixes #5133

upon opening the select, the menu with calculate the width of the select and set the min-width of the corresponding menu to match. If the user has an item with a really long headline, then clap-menu-width will clamp the max-width of the menu to that of the select.

PiperOrigin-RevId: 581058798
copybara-service bot pushed a commit that referenced this issue Nov 10, 2023
fixes #5112
fixes #5133

upon opening the select, the menu with calculate the width of the select and set the min-width of the corresponding menu to match. If the user has an item with a really long headline, then clap-menu-width will clamp the max-width of the menu to that of the select.

PiperOrigin-RevId: 581058798
copybara-service bot pushed a commit that referenced this issue Nov 10, 2023
fixes #5112
fixes #5133

upon opening the select, the menu with calculate the width of the select and set the min-width of the corresponding menu to match. If the user has an item with a really long headline, then clap-menu-width will clamp the max-width of the menu to that of the select.

PiperOrigin-RevId: 581058798
copybara-service bot pushed a commit that referenced this issue Dec 4, 2023
fixes #5112
fixes #5133

upon opening the select, the menu with calculate the width of the select and set the min-width of the corresponding menu to match. If the user has an item with a really long headline, then clap-menu-width will clamp the max-width of the menu to that of the select.

PiperOrigin-RevId: 581058798
copybara-service bot pushed a commit that referenced this issue Dec 4, 2023
fixes #5112
fixes #5133

upon opening the select, the menu with calculate the width of the select and set the min-width of the corresponding menu to match. If the user has an item with a really long headline, then clap-menu-width will clamp the max-width of the menu to that of the select.

PiperOrigin-RevId: 581058798
copybara-service bot pushed a commit that referenced this issue Dec 4, 2023
fixes #5112
fixes #5133

upon opening the select, the menu with calculate the width of the select and set the min-width of the corresponding menu to match. If the user has an item with a really long headline, then clap-menu-width will clamp the max-width of the menu to that of the select.

PiperOrigin-RevId: 581058798
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
2 participants