atom/input: readonly prop is not set about sui-components

[jcger]

It is the expected behaviour

disabled: user can't write and the input shows up disabled (see disabled demo)
readOnly: user can't write but the input looks active, used by one of our select variants, in which the user can't write to choose its option (see with placeholder demo)

[juanmendez90]

In the case of molecule/select, the readOnly is implicit so the input will be disabled and its value will be ignored when submitted. I also found that is not possible to set a name to it. Should I use a hidden input that stores the atom/select value?

[juanmaguitar]

Hi @juanmendez90, I answer you below...

the readOnly is implicit so the input will be disabled and its value will be ignored when submitted.

The MoleculeSelect component is not really a select but a div that emulates a select behaviour. That's why the value of the select should be captured from a higher component that manages the state of the component (or the general state of the form). For that, there's a onChange prop that can be used to pass a handler that will be triggered on every value change (receiving that value)

I also found that is not possible to set a name to it

For that same reason (The MoleculeSelect component is not really a select but a div that emulates a select behaviour.) you cannot set a name for this component. And also for the same reason ( the value of the select should be captured from a higher component that manages the state of the component ) you shouldn't need to set a name in this component, because the submit of the form should be handled programmatically by the higher component that manages the state of the whole form

[juanmendez90]

Ok got it, I will close the issue then, thanks for your answers