Allow the width of a select dropdown (e.g. Filterable) to be wider than the original component. #6861
Closed
1 task done
Labels
Comments
|
Spoke to @ljemmo on slack about this and we decided that we'd prefer to wait to add such an enhancement until the RFC and rewrite of the component are ready to happen. If this becomes a critical issue for you @harryharford please let us know and we'll revisit |
|
Our ticket for rebuild of this component is FE-6311 if you want to link a task |
nineteen88
added
Blocked
More Information Required
and removed
triage
|
We have now raised FE-6812 to address this independently of the above ticket |
edleeks87
added a commit
that referenced
this issue
Sep 26, 2024
…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
added a commit
that referenced
this issue
Sep 26, 2024
…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
added a commit
that referenced
this issue
Sep 27, 2024
…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
added a commit
that referenced
this issue
Sep 27, 2024
…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
added a commit
that referenced
this issue
Sep 27, 2024
…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
added a commit
that referenced
this issue
Sep 27, 2024
…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
added a commit
that referenced
this issue
Sep 27, 2024
…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
added a commit
that referenced
this issue
Oct 9, 2024
…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
added a commit
that referenced
this issue
Oct 9, 2024
…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
added a commit
that referenced
this issue
Oct 10, 2024
…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
carbonci
pushed a commit
that referenced
this issue
Oct 10, 2024
## [143.0.0](v142.13.5...v143.0.0) (2024-10-10) ### ⚠ BREAKING CHANGES * **select:** `listPlacement` prop only supports `top` and `bottom` now ### Features * **select, filterable-select, multi-select:** add support for overriding the list width ([c3853cd](c3853cd)), closes [#6861](#6861) * **select:** remove support for rendering list to left and right of input ([4094117](4094117))
|
🎉 This issue has been resolved 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
Description
When implementing a select component, in this case Filterable - the length of the text for the options in the dropdown often far exceed the width of the control itself. We need to be able to set the dropdown width to be larger than that of the main select component.
Suggested solution
Allow the dropdown width to be configurable and unlock this so that the width can exceed that of the parent control.
Demo URL
No response
Alternatives
No response
Additional context
No response
Confidentiality
The text was updated successfully, but these errors were encountered: