Extra box inside dmc.MultiSelect

HI everyone, I am having a problem with dash-mantine-MultiSelect component. The functionality is intact but I am having and extra empty box inside the MultiSelect box. dash-mantine-Select component doesn’t show it, that is fine. Below is the code for rendering MultiSelect and check the screecshot for what I am getting.

dmc.MultiSelect(
label=“Edad:”,
id=“edad-filter”,
data=[
{“value”: i, “label”: i}
for i in trips[“edad”].unique()
],
value=trips[“edad”].unique().tolist(),
)

That looks odd… can you make a complete minimal example that reproduces the issue?

1 Like

Thank you for responding. I couldn’t reproduce a working example. Then finally found out, It was inline css causing it. Actually, I set width on the column where using sidebar and also in the custom css. Upon removing the inline width on column now, it works fine now.

1 Like