How to limit the maxWidth of textbox？

[Jiiiin]

I have a textbox with determined width and height，want to limit the input text to not exceed the set width, so I will give an error prompt and give up the content entered this time.

I have tried whether I can monitor text changes, or size changes, and handle them in events, but I haven't found a suitable event.

https://codesandbox.io/s/still-haze-zys42f?file=/src/App.tsx

[ShaMan123]

This is the method that changes the textbox width

fabric.js/src/shapes/textbox.class.js

Line 322 in cf59e45

_wrapLine: function(_line, lineIndex, desiredWidth, reservedSpace) {

Here you can override and check what you need and even return a different value:

fabric.js/src/shapes/textbox.class.js

Line 292 in cf59e45

_measureWord: function(word, lineIndex, charOffset) {

[ShaMan123]

https://codesandbox.io/s/reverent-poitras-kf9ymy?file=/src/App.tsx

[ShaMan123]

I have overridden _renderChars as well. Take a look. Cursor should be handled as well.

[Jiiiin]

Thank you so much, this has inspired me a lot

[asturur]

I think the changed event should allow you to verify text widh and rollback the change in case, no?

[ShaMan123]

AFAIK there isn't a simple way of controlling how textbox performs layout.

[ShaMan123]

#8470

[jialan0229]

How is the height limit ?

[ShaMan123]

N/A
You can look at the PR and try to impl