Decoupling text height from text box height so we can set textbox height independently

[soham-bhosale]

What i basically want to achieve is, instead of scaling textbox vertically, which stretches the text, increase the box height and keep the font size as before.

By doing this, I would get a textbox which has more height then that of text.
From what I see, the height of textbox is always linked to that of text.

Following is the fiddle i came up with for this.
https://jsfiddle.net/dextroz0808/xmh5zkrd/57/
It has some issues tho, somehow font is displayed outside the textbox once you scale long enough.

Check out this video ->

JSFiddle---Code-Playground.mp4

I think there might be more things where textbox height will be reset back to that of text.

By giving independent height to textbox, I can then introduce feature like vertical alignment, max lines, max characters and min font size etc.

But for all that to work, I need a solid way to set up height.

Please help me out here.

[mrienstra]

Now that v6 is out of beta, you may want to mention that you're using v5.3.0 (released Dec 20, 2022). Might as well use the latest v5 release, v5.3.1 (Nov 29, 2022).

If migrating to v6 is an option, it seems like all of the development energy is focused there, so you may get more support as well.

[mrienstra]

The v6 docs haven't been released yet, but you can run them locally, better than nothing: https://github.com/fabricjs/fabricjs.github.io

And of course there's this:
#8299

[mrienstra]

Oh, whoops, I guess you don't need to run the new v6 docs locally, they can be found at:
https://fabricjs.github.io/

[soham-bhosale]

Thanks. New doc site looks good. 🔥

[asturur]

the website will still be fabricjs.com as soon as i finish adding stuff on fabricjs.github.io, i m trying to rationalize what is there what is useful and what no. Is a slow process.

[soham-bhosale]

Cool. Let us know if we can help you in any way. Even if its just small tasks or testing that you need to get done.