coreui/coreui-angular

cleaner-button for c-multi-select not working if the options list is not visible

Closed this issue · 3 comments

If at least one option is selected, the cleaner-x-button is displayed and highlighted when hovered.

But it can not be used, until the options-list is opened.

The same is true for displayed selected options. There is an x inside the option, but it too only works, if the options-list is opened.

You can easly test this with your own examples at:
https://coreui.io/angular/docs/forms/multi-select

Try to use the x for the whole c-multi-select or one of the two selected options.

Expected behavior:
The cleaner-buttons should work, if the options-list is visible or not

@bernik1980

The intentional design of the disabled cleaner is to prevent accidental clicks that could result in unintended clearing of the multi-select value. Consequently, users must focus on the multi-select to interact with it.

Nonetheless, you can use the prop cleaner="active" to make the cleaner always active.

Thank you again your your help.

I study the example and documentation, but some of the options are easy to miss.

"makes cleaner always active" could be a little more self-explanatory though

@bernik1980It

It appears that the API table has lost its formatting. We will address this issue soon.