<Select> element cannot be forced uncontrolled

[ruggi99]

Hi all,
I'm creating a demo page where I show the various form elements in a modal card.
All these elements are uncontrolled inputs and it's wanted.
All except <Select> where options cannot be changed without making a controlled input.
EDIT: doesn't work in multiple mode or not

Looking at the code you are forcing the defaultValue if value isn't specified and the defaultValue cannot be specified.

I think forcing the value isn't good practise because the input will be controlled

react-bulma-components/src/components/form/components/select.js

Lines 28 to 50 in ad9c351

	const defaultValue = multiple ? [] : '';
	const context = useFieldContext();
	const calculatedSize = size || context.size;
	return (
	<Element
	domRef={domRef}
	className={classnames('select', className, {
	[`is-${calculatedSize}`]: calculatedSize,
	[`is-${color}`]: color,
	'is-loading': loading,
	'is-multiple': multiple,
	'is-rounded': rounded,
	})}
	style={style}
	>
	<Element
	{...props}
	className={classnames({
	[`is-${normalizeStatus(status)}`]: status,
	})}
	multiple={multiple}
	value={value !== undefined ? value : defaultValue}

EDIT:
Using value={null} makes the Select uncontrolled but React prints a warning about this:

Warning: You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set either `onChange` or `readOnly`.
    at select
    at Element

[kennethnym]

Can you explain a bit for your use case of needing an uncontrolled input?

[ruggi99]

No particular use case from my side but it's the only controlled input in your library.
In my demo page, as said above, I have to do state management for a value that I don't care

[kennethnym]

You should be able to use an empty string as the default value.

[ruggi99]

<Form.Select defaultValue=""><options...></Form.Select> doesn't work

[kennethnym]

Will look into it.