vue-multiselect icon indicating copy to clipboard operation
vue-multiselect copied to clipboard

Prevent tags from appearing with multiple select

Open chrissyast opened this issue 3 years ago • 2 comments

Reproduction Link

https://codesandbox.io/s/determined-hill-sf6by?file=/src/App.vue

Steps to reproduce

Make a selection

Expected behaviour

Tags do not appear in the search bar, content below select does not move

Actual behaviour

Tags appear and expand the select box, causing content below to move.

Additional info

Expected behaviour is achieved with a near identical setup in the example on https://vue-multiselect.js.org/#sub-multiple-select but this doesn't happen for me.

Expected behaviour can be achieved by adding an empty tag slot <template slot="tag"><div></div></template> but from the above example it doesn't seem like it should be necessary

chrissyast avatar Jan 28 '22 13:01 chrissyast

Based on the documentation, I think tag slot is the best solution

lehoaibaokg avatar Jul 18 '22 04:07 lehoaibaokg

Hi @chrissyast. Thanks for creating a reproducible link and explaining this, however I'm struggling to see what the issue is. In your sandbox, after I've selected some tags, and after I've collapsed the list, it currently hides the tags as it does in the example in the docs - so I'm not seeing any difference here

image

Was that the issue, or is it something else?

mattelen avatar Aug 19 '22 15:08 mattelen

@chrissyast - We can't support all the possibilities from design point, that's why we are proving the slots to do the same if tag slot satisfies your need than please use that.

If it can't be done with any of the options than let us know.

akki-jat avatar Oct 27 '22 15:10 akki-jat