The `readOnly` option is not respected for non-input tags (`contenteditable` is always set to `true`)

[GitzJoey]

hi,
i'm having a problem when i set to readOnly with currency symbol on it
there's red underline on the text

how to set it to false?

[AlexandreBonneau]

Hey @GitzJoey, I created a codepen to reproduce your problem, however currently the readOnly option is only used to set the <input> element to read-only mode, not the other tags.

I guess I could modify AutoNumeric so that when using non-input tags and the readOnly option, the contenteditable attribute would be set to false.

[GitzJoey]

yes, the common sense is if read only it should be non editable. anyway thanks very much for fast response.

[AlexandreBonneau]

This is fixed in AutoNumeric v4.2.13

[AlexandreBonneau]

The component needs a little bit of work too since we currently force the contenteditable prop to true when a non-input tag is detected.

[AlexandreBonneau]

Fixed in v1.2.5