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

[desig9stein]

Description

The igx-chip-area component's styles are currently scoped only to the igx-chip, so styles for the area are only present when at least one igx-chip is on the page. In grids using a drop area (via igx-chip-area), the area should be visible even before a chip is created or dropped in.

• igniteui-angular version: scoped-styles branch
• browser: All

Steps to reproduce

1. Open any grid sample that has column moving functionality enabled
2. Remove all groups if there are any.
3. Observe the chip-area styles.

Result

The styles for igx-chip-area are not available until a chip is present. The drop area lacks styling when empty.
cousing it to shrink to the text size

Expected result

The styles for the igx-chip-area should be present and visible, even if the area is empty (before a column/chip is dropped).

Attachments

None yet.

Branch: simeonoff/scoped-styles
Component: igx-chip-area