floatLabelType="Auto" not working with the multiselect component

[MM]

Hi,

Is there a better solution for the outline display for multiselect component? I have tried the floatLableType, but it's a little bit buggy.

Also how to change color for all components to blue instead of this red color that is default?

Could you give me some example?

 public sCssClass: string = 'e-outline';

      <ejs-multiselect class="multiselect-min-width w100 h100" [dataSource]="model.data" [placeholder]="model.placeholder"

      floatLabelType="Auto"

      [cssClass]='sCssClass'

      [mode]="mode"

      [popupHeight]="popupHeight" [showDropDownIcon]="showDropDownIcon"

      [showSelectAll]="showSelectAll"

      [filterBarPlaceholder]="filterPlaceholder" [(value)]="value"></ejs-multiselect>

[Sureshkumar P]

Hi Maja, 

 

Greetings from Syncfusion support.  

 

Based on your shared information with code example. We suspect that you have faced the float label not moved top potion when open the popup. we would like to say when enable the filter property in our component we have two inputs, one is component input and other one is popup filter input. In this scenario when open the popup the focus is in filter input directly, so the float label not goes top of the component.  

 

Also, when click the component input to open the popup the placeholder text font size changed. We have confirmed this as a bug from our end and include the fix in the June 3^rd week patch release, which is scheduled on June 16^th, 2020. We appreciate your patience until then 

 

You can track the status of the bug from the below feedback link.  

https://www.syncfusion.com/feedback/14812  

 

Regards, 

Sureshkumar P