Hi Rob,
Good day to you.
Query 1: When the multi-select is configured to show the DropDownArrow icon (showDropDownIcon="true") the multi-select control drops down by 1 pixel.
We have considered the reported issue as defect and it will be included in any of our upcoming patch release. You can track the status of this defect using below link from our feedback portal,
Query 2: The value passed to the showDropDownIcon prop does not seem to work. Both of the following do show the drop-down icon: showDropDownIcon="true", showDropDownIcon="false"
We have enabled the showDropDownIcon using props and by enabling/disabling it is working fine in our end. Please check the below code example,
Code Example
|
<template>
<div>
<div id="mul">
<ejs-multiselect id='multiselect' showDropDownIcon='icon' dataSource='sportsData'></ejs-multiselect>
</div>
<div id="date">
<ejs-datepicker></ejs-datepicker>
</div>
</div>
</template>
<script>
import Vue from 'vue';
import { MultiSelectPlugin } from "@syncfusion/ej2-vue-dropdowns";
import { DatePickerPlugin } from '@syncfusion/ej2-vue-calendars';
Vue.use(DatePickerPlugin);
Vue.use(MultiSelectPlugin);
export default {
props: {
icon: {
default: true,
type: Boolean
}
},
data (){
return {
sportsData: ['Badminton', 'Cricket', 'Football', 'Golf', 'Tennis'],
}
}
}
</script> |
Could you please check the above sample and get back to us with complete code snippet or issue replicable sample If still issue persists?
Regards,
Vinoth Kumar S
