Quasar: QChip remove icon not visible when text is long

Created on 20 Jan 2020  路  3Comments  路  Source: quasarframework/quasar

Version

Pkg quasar........ v1.1.4
Pkg @quasar/app... v1.1.2
(I cancelled upgrading to latest version because there are errors happened in ui/css)

Description

The remove icon is not visible when the text is long.
image

I solved it using the following css.

.q-chip.ellipsis .q-chip__content {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

then I add ellipsis class in q-chip:

<q-chip class="ellipsis">
</q-chip>

image

bug

Most helpful comment

Fix will be available in "quasar" v1.8.0.

All 3 comments

Please make a codepen.

No codepen necessary. Fixing it.

Fix will be available in "quasar" v1.8.0.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

green-mike picture green-mike  路  3Comments

adwidianjaya picture adwidianjaya  路  3Comments

jippy89 picture jippy89  路  3Comments

Bangood picture Bangood  路  3Comments

danikane picture danikane  路  3Comments