Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

allowClear does not show cross to delete entry

See original GitHub issue

Hi there! I’ve used the newest version 1.2.0 and it does not look like the example.

 <ng-select  [allowClear]="true"
                    [items]="control.data"
                    [placeholder]="control.default"
                    (selected)="control.selected($event)">
    </ng-select>

unbenannt

I am missing the cross to delete the selected entry, And the triangle to open list is not placed at end of input box as seen in demo.

unbenannt

I’ve also tried adding your ng2-select.css from demo page, but without any success.

How can I fix this?

Regards Carsten

Issue Analytics

State:
Created 7 years ago
Comments:5

Top GitHub Comments

3reactions

carstenschaefercommented, Jan 31, 2017

yeah, I’ve seen this. but it works on demo page!

1reaction

rejayi-experioncommented, Aug 3, 2017

Rather than ng2-select.css Write the below CSS in you _custom.css

.glyphicon-remove {
    position: relative  !important;
}
.glyphicon-remove:before {
    content: "\f00d"  !important;
    font-family: FontAwesome  !important;
    font-style: normal !important;
    font-weight: normal !important;
    text-decoration: inherit !important;
    color: #000 !important;
    font-size: 15px !important;
    padding-right: 0.5em !important;
    position: absolute !important;
    top: 0px !important;
    left: -5px !important;
}