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

🐞 - TuiMultiSelect usage in Search layout #10196

Open
AlexFreem opened this issue Jan 20, 2025 · 3 comments
Open

🐞 - TuiMultiSelect usage in Search layout #10196

AlexFreem opened this issue Jan 20, 2025 · 3 comments
Labels
contributions welcome Architecture is clear and community can help

Comments

@AlexFreem
Copy link

Reproduction url

https://stackblitz.com/edit/angular-cetlu1u2-roradvcc?file=src%2Fapp%2Fapp.template.html

Description

When using tui-multi-select in search layout after tui-textfield - multi select collapses becouse no styles on it for minimal width
Wrapping tui-multi-select with tui-textfield is not an option. Looks like need specific attribute for search layouts to mark controls as items of fieldset and aplying styles

Taiga UI version

4.x.x

Browser Used

Chrome

OS Used

macOS

@waterplea
Copy link
Collaborator

waterplea commented Jan 20, 2025

To make sure we cover not only build-in controls but custom wrappers we need to add an attribute here so people can put them on any DOM element they need:
https://github.com/taiga-family/taiga-ui/blob/main/projects/layout/components/search/search.styles.less#L26

@waterplea waterplea added the contributions welcome Architecture is clear and community can help label Jan 20, 2025
@JayTailor45
Copy link

@waterplea I can work on this. I understand that we need to add a min-width so it doesn't collapse. Please correct me if I am wrong.

@waterplea
Copy link
Collaborator

waterplea commented Jan 27, 2025

@waterplea I can work on this. I understand that we need to add a min-width so it doesn't collapse. Please correct me if I am wrong.

Let's just add , [tuiSearchField] selector to that tui-textfield I linked above. This way people will be able to add it on their custom controls if they make their own wrappers and use them with search layout.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
contributions welcome Architecture is clear and community can help
Development

No branches or pull requests

3 participants