Vue-select: Options only open when clicking the arrow, not the whole select

[sergiocastrovale]

This is terrible UX as users will think that either:

a) There's only one option available
b) The website doesn't work properly

Any way to fix this?

[mitjarobic]

i agree, if :searchable="false" clicking on tag should open the dropdown

[sergiocastrovale]

I mean, it's almost common sense - and I'm not even thinking about the whole mobile experience.
I'm almost ready to stop using vue-select due to two particular quirks which haven't been fixed in months (to my knowledge) and are expected in any context I can think of:

• This one
• Clicking on an option that was previously selected clears the dropdown instead of just skipping any sort of activity (I have yet to see any case where this would be the expected behavior on a select item)

[sagalbot]

Clicking selected tags should toggle dropdown

[sergiocastrovale]

@sagalbot great! Now if only my point 2 was in the furnace as well ... :)

[mitjarobic]

I installed the new version and now it is even worse... clicking on the tag does not toggle the dropdown and when the drop-down opens the tag is moved right on the right side of the drop-down.

[sagalbot]

Clicking a selected option from the dropdown should not deselect

[sergiocastrovale]

That's great @sagalbot! Looking forward to those fixes 👍

[sagalbot]

Wrote the fix for the first one but to do so I have to stop event propagation. Going to look for a way around that.

[adi518]

Someone PR'd a fix for number two and I posted a temporary fix incorporating that PR without forking/cloning. See #180. @sergiocastrovale

[davek1979]

Just using pointer-events: none on the tag works just fine.