MultiSelect phantom element

I'm getting this phantom element in the multi-select dropdown. I can't figure out where it's coming from. When I try to inspect using Chrome developer tools, the control updates when the mouse is clicked, so I lose the markup.

Any ideas on what this could be?


UPDATE: I was able to put a breakpoint in and nailed it down to this CSS:

.e-checkbox:before {

content: "\e90b";

}



3 Replies 1 reply marked as answer

VJ Vinitha Jeyakumar Syncfusion Team March 30, 2022 01:10 PM UTC

Hi Gordon,


We have tried to reproduce the reported issue by enabling the checkbox functionalities with Dropdown list control. but unfortunately we couldn't replicate the issue from our end. we have also prepared a sample for your reference,

Can you please share the following details,

  • Your package version.
  • Are you using a Blazor server or client project.
  • Exact issue reproducing steps.
  • If possible please share us with the runnable issue reproducing sample or modify the attached sample with the issue reproducing code.

Regards,
Vinitha




Attachment: MultiselectDD_1107f686.zip

Marked as answer

GO Gordon March 30, 2022 02:46 PM UTC

It was a style conflict on my side, sorry to waste your time.



PM Ponmani Murugaiyan Syncfusion Team March 31, 2022 04:34 AM UTC

Hi Gordon,


Thanks for the update. Please get back us if you need further assistance.


Regards,

Ponmani M


Loader.
Up arrow icon