Skip to content
This repository has been archived by the owner on Aug 16, 2021. It is now read-only.

allowClear on single select #211

Closed
killermouse opened this issue Oct 10, 2017 · 3 comments
Closed

allowClear on single select #211

killermouse opened this issue Oct 10, 2017 · 3 comments

Comments

@killermouse
Copy link

Hi,
when I have a allowClear on a single select that have more than one row by item, the clear button "X" does not work!
I send a attached to view the case.
select

Best regards

dmarchuk added a commit to dmarchuk/selectivity that referenced this issue Nov 28, 2017
@dmarchuk
Copy link
Contributor

dmarchuk commented Nov 28, 2017

@killermouse I think the problem is that the element with selected item is actually covering the clear button (X). Quick fix would be to just add this to your styles:

.selectivity-single-selected-item-remove {
  position: relative;
  z-index: 1;
}

@arendjr I've made a pull request with this hotfix. The problem can be seen for example here: https://jsfiddle.net/dmarchuk/9Ltevh10/2/. If you select the item in the select and then try to clear it with "X", it won't work. Here is an example of the same select but with the fix applied: https://jsfiddle.net/dmarchuk/9Ltevh10/1/. Also, it is probably related to #124, which should be fixed by this PR too

@killermouse
Copy link
Author

@dmarchuk thank you.
Problem resolved.

Best regards

@arendjr
Copy link
Owner

arendjr commented Nov 30, 2017

Thanks guys!

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants