Skip to content

Add multiple constrained width story for dropdown#36136

Open
brianchristopherbrady wants to merge 7 commits into
masterfrom
user/brianbrady/dropdown-handling-multiple-options
Open

Add multiple constrained width story for dropdown#36136
brianchristopherbrady wants to merge 7 commits into
masterfrom
user/brianbrady/dropdown-handling-multiple-options

Conversation

@brianchristopherbrady
Copy link
Copy Markdown
Contributor

@brianchristopherbrady brianchristopherbrady commented May 8, 2026

Summary

Adds a constrained-width Storybook example for the Fluent UI web-components Dropdown multiple-selection scenario.

Changes

  • Adds a new MultipleSelectionConstrainedWidth Dropdown story.
  • Uses a Best pet example with multiple selected options.
  • Applies a fixed width directly to fluent-dropdown to make the constrained trigger display easy to inspect.
  • Updates the beachball change file to type: none since this is a story-only change.

Validation

  • Verified the branch diff only includes the constrained-width Dropdown story and the non-release-impacting change file.
  • Verified no diagnostics in the Dropdown story or change file.

Screenshot

Multiple selected dropdown values in constrained dropdown story

@brianchristopherbrady brianchristopherbrady requested a review from a team as a code owner May 8, 2026 20:30
@github-actions
Copy link
Copy Markdown

github-actions Bot commented May 8, 2026

📊 Bundle size report

✅ No changes found

@github-actions
Copy link
Copy Markdown

github-actions Bot commented May 8, 2026

Pull request demo site: URL

Comment thread packages/web-components/src/listbox/listbox.ts Outdated
@@ -0,0 +1,7 @@
{
Copy link
Copy Markdown

@github-actions github-actions Bot May 8, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🕵🏾‍♀️ visual changes to review in the Visual Change Report

vr-tests-web-components/Badge 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-web-components/Badge. - Dark Mode.normal.chromium.png 443 Changed
vr-tests-web-components/MenuList 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-web-components/MenuList. - RTL.2nd selected.chromium_3.png 38816 Changed
vr-tests-web-components/RadioGroup 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-web-components/RadioGroup. - Dark Mode.normal.chromium_1.png 89 Changed

There were 1 duplicate changes discarded. Check the build logs for more information.

Comment thread packages/web-components/src/dropdown/dropdown.base.ts Outdated
Comment thread packages/web-components/src/dropdown/dropdown.styles.ts Outdated
Comment thread packages/web-components/src/dropdown/dropdown.stories.ts
@chrisdholt chrisdholt requested a review from radium-v May 12, 2026 07:33
@brianchristopherbrady brianchristopherbrady changed the title Fix multiple dropdown selected value display Add multiple constrained width story for dropdown May 13, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants