Question: max-length and different markup for overlength text

I want to impose a max-length for some of my inputs. But instead of truncating the entered (or pasted) text, I want to apply a different style to that part of the text (at the end of the input field) which causes the overlength. In fact, just like twitter does.

Example (maxlength 3): Too long Adding "Way " to the beginning should result in: Way too long

Is there a mechanism or an easy way to achieve this with draft.js? I already know that I can retrieve the current input length via editorState.getCurrentContent().getPlainText('').length.

Thanks for any suggestions!

[rommguy]

@dtipson checkout this - how to limit draftJS text I haven’t tried it myself yet, but planning to do so

[dtipson]

Dynamically adding readOnly also doesn’t seem to help (and in theory wouldn’t be right anyhow, as a maxlength should allow deletion, just not addition). This seems like a pretty basic feature for any text field, so I feel like I’m missing something obvious.