shentao / vue-multiselect

Universal select/multiselect/tagging component for Vue.js
https://vue-multiselect.js.org/
MIT License
6.66k stars 991 forks source link

Problem with placeholders overlapping with text on ipad only #1686

Open maxillosoft-dimitry opened 1 year ago

maxillosoft-dimitry commented 1 year ago

I am having an issues that I cannot seem to figure out. I am using Nodejs 12.22.1 with vue-multiselect ^2.1.7.

The following screen has placeholders as shown in the screen below:

Screenshot-20230403103605-444x138

When I type something, it shows as the following but the placeholders come through as shown below: Screenshot-20230403103640-412x138

This only happens on the ipad using chrome but works fine on the desktop using chrome.

Any ideas?

Thanks -Dimitry

TimNielsen11 commented 11 months ago

I am also seeing this issue, Node 12.20.2, vue-multiselect 2.1.6 It only seems to be at smaller resolutions or browser widths

<multiselect v-model="selectActivity" name="chActivity" track-by="activity" :custom-label="customActivityLabel" :options="arrChActivity" @input="onChActivity" :searchable="true" :allow-empty="true" @select="enableComp">