Multi-Select Doesn't open when value is selected - solved | Mantine | Page 1

dull quiver Apr 25, 2023, 9:35 PM

#

Multi-Select Doesn't REopen when value is selected

#

#

dull quiver Apr 25, 2023, 9:54 PM

#

#

I'll try updating

#

Didn't work still same issue

sick oar Apr 26, 2023, 5:31 AM

#

dull quiver

your data should be array of objs

sick oar Apr 26, 2023, 5:49 AM

#

<MultiSelect
     
data={[
 { value: "react", label: "React" },
 { value: "ng", label: "Angular" }, 
 { value: "svelte", label: "Svelte" },  
 { value: "vue", label: "Vue" }, 
 { value: "riot", label: "Riot" },
 { value: "next", label: "Next.js" }, 
 { value: "blitz", label: "Blitz.js" }
 ]}
 {...form.getInputProps("outdistrict")}
 />

note the one that the form will receive is the value and the label is what the user will see

dull quiver Apr 26, 2023, 6:33 AM

#

sick oar ``` <MultiSelect data={[ { value: "react", label: "React" }, { value: "n...

nope, that has nothing to do with it

#

problem is with Mantine's useform behaviour i presume

sick oar Apr 26, 2023, 6:37 AM

#

https://codesandbox.io/s/multiselect-1qrogb

no problem with the form

dull quiver Apr 26, 2023, 6:40 AM

#

are you supposed to use "" or []

#

as it's array

sick oar Apr 26, 2023, 6:40 AM

#

dull quiver

you have multiple values to select and you want to select many. So it should be array!

dull quiver Apr 26, 2023, 6:41 AM

#

I had type as an array it didn't work I changed it to strings now back to array

#

sick oar Apr 26, 2023, 6:43 AM

#

I think you should give it [''] or it will give error later.

dull quiver Apr 26, 2023, 6:43 AM

#

i did right now

#

didn't work

#

i removed user?.outdistrict too

#

still not working

sick oar Apr 26, 2023, 6:44 AM

#

is your user?.outdistrict array type?

dull quiver Apr 26, 2023, 6:44 AM

#

sick oar is your user?.outdistrict array type?

yeah, context type:

#

prisma scheme:

#

I guess my case might be unique

#

thanks for trying to help @sick oar

sick oar Apr 26, 2023, 6:50 AM

#

No problem. I dont think the issue with the select it self though. Try to check around it. Maybe display outside everything label or others. So you can find if it still have the issue or not.

dull quiver Apr 26, 2023, 6:51 AM

#

i removed {...form.getInputProps("outdistrict")}

#

and it still not working to be honest

#

super weird

dull quiver Apr 26, 2023, 7:07 AM

#

@sick oar

#

I FOUND THE PROBLEM

#

🤣 🤣 🤣 🤣 🤣 🤣 🤣 🤣 🤣 🤣 🤣 🤣 🤣

#

I changed label to div

#

and it started working

#

for some weird reason basically if you place MultiSelect inside <label> It will not work as expected</label>

#

Multi-Select Doesn't open when value is selected - solved

#Multi-Select Doesn't open when value is selected - solved