isMulti in select doesn't work

Forge Forge UI Kit and Custom UI
,
1

I’m using the Select component from UI kit 2, but when I set isMulti={true}, the select doesn’t work as a multi-select, only as a single select. Can anyone help me?

import  {Select, Option } from '@forge/react';  
import React, { useState } from 'react';
import { getIssuesType } from '../backend/dates';

export const ComponentSelect = () => {
    const issuesType = getIssuesType();
    const [selectedOptions, setSelectedOptions] = useState([]);


    function handleSelectChange(data){
        console.log("elementi selezionati: ", data);
        setSelectedOptions(data);
    }
     
  return (
    <Select
    label="Issue Types"
    name="issuesType"
    onChange={handleSelectChange}
    isMulti={true}
    isSearchable={true} >
    {issuesType.map((issueType) => (
        <Option key={issueType.id} label={issueType.name} value={issueType.name}>
        </Option>
     ))}
  </Select>
)}
export default ComponentSelect
2

Hi @LuciaValenzise ,

Welcome to the Atlassian Developer Community.

This appears to be a bug so I’ve created FRGE-1236: UI Kit 2 Select field with “isMulti”={true} select only works inside the From component.

As this bug suggests, you can work around this by wrapping the Select within a Form component.

Regards,
Dugald

3

Hi @LuciaValenzise
I found for multiple selects,
setSelectedOptions(data) won’t return any option (null value returned). Have you sussessfully run your codes?