Skip to content

feat(chips-area): add separate theme#17205

Open
adrianptrv wants to merge 2 commits intosimeonoff/scoped-stylesfrom
apetrov/chip-area-separate-theme
Open

feat(chips-area): add separate theme#17205
adrianptrv wants to merge 2 commits intosimeonoff/scoped-stylesfrom
apetrov/chip-area-separate-theme

Conversation

@adrianptrv
Copy link
Copy Markdown
Contributor

Closes #16769

@adrianptrv adrianptrv added ❌ status: awaiting-test PRs awaiting manual verification chip ✨ themes labels Apr 20, 2026
@desig9stein desig9stein added 👀 status: in-review Issue is currently being reviewed ✅ status: verified Applies to PRs that have passed manual verification and removed ❌ status: awaiting-test PRs awaiting manual verification 👀 status: in-review Issue is currently being reviewed labels Apr 20, 2026
flex-wrap: wrap;
width: 100%;

&:empty {
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Not sure why we need empty; the area is never empty, even when no chips are present. Can you test to see what happens if you remove it?

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

In the Grid context, the empty state is never reached because the drop-area element remains inside the chips-area even when no chips are added. However, when the chips-area is used independently outside of the grid, the empty state is applied whenever no chips are present. If we remove the 'empty' selector; on the empty state, the chips-area element will still be displayed, but with 0px height:

Screenshot 2026-04-20 at 18 10 13
Screenshot 2026-04-20 at 18 08 32

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

chip ✨ themes ✅ status: verified Applies to PRs that have passed manual verification

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[scoped-styles] - igx-chip-area styling missing until chip is present in grid drop area

2 participants