search

carbon-design-system / carbon

A design system built by IBM
https://www.carbondesignsystem.com
Apache License 2.0
7.84k stars 1.81k forks source link

[BUG]: Need to set display styling for listbox wrapper to allow fluid styling in Angular without manually setting style #17953

Open Akshat55 opened 3 hours ago

Akshat55 commented 3 hours ago

Package

@carbon/styles

Browser

Chrome, Safari, Firefox, Edge

Package version

v1.68.0

React version

NA

Description

Similar to issue #11579 - We are looking to release fluid form in Angular. In this process, we found out that we had manual display property set for dropdown and combobox to block. To remove this, we are proposing to add a display: block property to cds--list-box__wrapper property which exists in both components and their fluid states.

A possible workaround we have is to export custom styles with the carbon-components-angular package, which is NOT ideal.

Reproduction/example

NA

Steps to reproduce

NA We haven't released the fluid state for Combobox/Dropdown components as of yet.

Suggested Severity

Severity 3 = User can complete task, and/or has a workaround within the user experience of a given component.

Application/PAL

No response

Code of Conduct

ismaildasci commented 3 hours ago

Hey! 👋

Thanks for bringing this up! It sounds like a useful enhancement for fluid forms in Angular. Adding display: block to cds--list-box__wrapper makes sense, as it would ensure consistent layout without the need for manual adjustments.

For now, if you need a workaround, exporting custom styles with carbon-components-angular seems viable, though I understand it's not ideal. We’ll check if we can get this update prioritized in a future release.

Appreciate your feedback and suggestion! 😊