[Dropdown] `clearable` is not workin with `on: 'hover'` option

[mthoretton]

Steps

$('.ui.dropdown').dropdown({transition: 'drop', on: 'hover', clearable: true,});

Expected Result

I'd expect I can click the x to clear the selection.

Actual Result

The x cannot be clicked.

Version

2.4.0

Testcase

https://jsfiddle.net/aeou6q5m/

[mthoretton]

Also, even if I didn't manage to reproduce in the jsfiddle, the dropdown items are blurry when I open it (only with clearable). They become normal when I move the pointer over the list.

=> when I move the pointer over it gets back to normal

[jlukic]

Although from a UX perspective I don't think its a great idea to use hover with a clickable clear icon, it is still a bug. I'll fix.

[mthoretton]

Thanks for looking at it! And yes, even if it's fixed I'll probably keep "non-hover" dropdowns with clickable

[jlukic]

This was fixed in 2.4.1