Strange behaviour, view of data MultiSelect dropdown

[Tim Hartog]

Hi,

On several places in my application I make use of MultiSelect Dropdown. Everywhere it is working fine except for one place.

On this place the data is not shown when I click on the object. When I enter a character in the filter it shows parts of names. Not underneath each other but beside each other.

The data is in the object available but represented as an empty small block. When I click on this empty block the name that should be shown is shown in the selection part on top of the DropdownList.

Version of the Dropdown is 18.1.53 (so the latest version), Angular version is 8.

Difference with the other places in the Application where I use the dropdown object is that it is placed in a small component on top of the screen and the selection drops over the underlying component (which is a component with a timeline schedule).

Searching through this forum did not show a similar problem.

I have a feeling it is a css issue, but no special attributes are assigned to the component or object.

Anyone has an idea where I should look to fix this?

Screenprints of this behaviour are placed underneath, mode of the object is CheckBox

Kind regards,

Bob

[Sureshkumar P]

Hi Bob, 

 

Greetings from Syncfusion support.  

 

Based on your shared information with screenshot, we suspect your customization of another multiselect component style overridden to this style. So, we suggest you use the cssClass property to add the custom class to needed multiselect component. Based on the custom class you can override the styles. This is will resolve your other component breaks like this.  

 

To know more about cssClass property, please refer the API documentation link: https://ej2.syncfusion.com/angular/documentation/api/multi-select#cssclass  

 

Regards, 

Sureshkumar P 

[Tim Hartog]

Hello Sureshkumar P,

Thank you for the info.

It was fixed with this property.

Kind regards,

Bob

[Berly Christopher]

Hi Bob, 

  

We are glad to know that your issue is resolved. Please let us know if you need further assistance on this. 

  

  

Regards, 

Berly B.C