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

Select list width #6991

Merged
merged 2 commits into from
Oct 10, 2024
Merged

Select list width #6991

merged 2 commits into from
Oct 10, 2024

Conversation

edleeks87
Copy link
Contributor

fix #6861

Proposed behaviour

Removes left and right options from listPlacement type, only top and bottom remain supported

BREAKING CHANGE: listPlacement prop only supports top and bottom now

Adds support for overriding the list width via listWidth prop. Adds support for placing
list at top-start, top-end, bottom-start and botton-end. When top or bottom
is passed to listPlacement it will internally append -end to it.

image

image

Current behaviour

listPlacement supports left and right
no support for listWidth

Checklist

  • Commits follow our style guide
  • Related issues linked in commit messages if required
  • Screenshots are included in the PR if useful
  • Unit tests added or updated if required
  • Playwright automation tests added or updated if required
  • Storybook added or updated if required
  • Typescript d.ts file added or updated if required

QA

  • Tested in provided StackBlitz sandbox/Storybook
  • Add new Playwright test coverage if required
  • Carbon implementation matches Design System/designs
  • UI Tests GitHub check reviewed if required

Additional context

Testing instructions

DipperTheDan
DipperTheDan previously approved these changes Oct 2, 2024
@Parsium Parsium self-requested a review October 7, 2024 08:15
Parsium
Parsium previously approved these changes Oct 7, 2024
@edleeks87 edleeks87 marked this pull request as ready for review October 7, 2024 10:10
@edleeks87 edleeks87 requested review from a team as code owners October 7, 2024 10:10
@edleeks87 edleeks87 dismissed stale reviews from Parsium and DipperTheDan via c259fb2 October 9, 2024 12:09
Parsium
Parsium previously approved these changes Oct 9, 2024
Parsium
Parsium previously approved these changes Oct 9, 2024
DipperTheDan
DipperTheDan previously approved these changes Oct 9, 2024
…input

Removes `left` and `right` options from `listPlacement` type, only `top` and `bottom` remain
supported

BREAKING CHANGE: `listPlacement` prop only supports `top` and `bottom` now
…ding the list width

Adds support for overriding the list width via `listWidth` prop. Adds support for placing
list at `top-start`, `top-end`, `bottom-start` and `botton-end`. When `top` or `bottom`
is passed to `listPlacement` it will internally append `-end` to it.

fix #6861
@edleeks87 edleeks87 merged commit 743fbd4 into master Oct 10, 2024
24 checks passed
@edleeks87 edleeks87 deleted the select-list-width branch October 10, 2024 14:18
@carbonci
Copy link
Collaborator

🎉 This PR is included in version 143.0.0 🎉

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
Development

Successfully merging this pull request may close these issues.

Allow the width of a select dropdown (e.g. Filterable) to be wider than the original component.
6 participants