Ran into this problem when making my own notes app Used the useLayoutEffect hook and it worked wonders I know this video is with CSS only and but incase someone is stuck with it in React like me I thought this'd help Great video btw
Hundreds of lines and incredibly Hard to build, is the the clickbait of the year, as its literally an oneliner to attach height =scrollheight to an input event. Never needed that width expansion but similar thing for y axis i imagine.. Cool to have that in CSS tho, thanks for the info
This is cool, but in my experience, textarea is becoming antiquated. It's good for raw text input on forms, but.. that's kind of it. Most other situations nowadays require some type of rick content within the text block. So you use a div with contenteditable="true". I wish there were more/better native features for contentedible divs.
Never saw it as problem, just replace textarea with regular div, add contenteditable=true. If it's about send data to the server, add a few line of code to copy content of div to some hidden input. Of course one line of CSS is better, but even before it came out it wasn't a big deal💁♂
Great content as always. Just one Request :- Can you please speak slowly ? My mother tongue is not English. Although I can understand English pretty well, keeping up with your speed is still hard.
useful if u r working with textarea specially on chatting related applications. like discord for example. i am currently working on a chat application as well and i had to do it in quite a hefty way. This will be very useful
I'm not a frontend dev anymore but i still come back just to see the head wobbling. It's great
My guy throws his head around more than Ray Charles.
i remember having headache doing this on my chat app, good update !
Ran into this problem when making my own notes app
Used the useLayoutEffect hook and it worked wonders
I know this video is with CSS only and but incase someone is stuck with it in React like me I thought this'd help
Great video btw
Hundreds of lines and incredibly Hard to build, is the the clickbait of the year, as its literally an oneliner to attach height =scrollheight to an input event. Never needed that width expansion but similar thing for y axis i imagine.. Cool to have that in CSS tho, thanks for the info
this is going so fast!
This is cool, but in my experience, textarea is becoming antiquated. It's good for raw text input on forms, but.. that's kind of it. Most other situations nowadays require some type of rick content within the text block. So you use a div with contenteditable="true". I wish there were more/better native features for contentedible divs.
I can definitely see use cases for this. But ... come on Firefox!!!
This is really usefull. And most importantly droped the right time 😂❤
Thanks for sharing the helpful content ❤❤
Waiting for your javascript backend course.
very useful, thanks!
A brand new thing, I am never gonna use!
Never saw it as problem, just replace textarea with regular div, add contenteditable=true. If it's about send data to the server, add a few line of code to copy content of div to some hidden input. Of course one line of CSS is better, but even before it came out it wasn't a big deal💁♂
we are waiting for a reverse scrollable scrollview
Great content as always.
Just one Request :- Can you please speak slowly ? My mother tongue is not English. Although I can understand English pretty well, keeping up with your speed is still hard.
You can slow down the play speed to 75%.
I didn't find it useful. As a frontend developer, I don't like when the input field moves around while the user is trying to enter information.
Great! You felt compelled to share this? I had to bother scrolling past it.
Personally I wouldn't want inputs to resize to content as the page layout would shift every time more space was required.
just put max width, max height
@ that wouldn't stop it automatically resizing unless they were the same as the min values...?
Only see textarea and only to max-height, content shift no thanks.
Can I Use: 72.81%
cool
Too bad it's not baseline yet
Poggers
So how this can be useful? For me, this is BS.
useful if u r working with textarea specially on chatting related applications. like discord for example.
i am currently working on a chat application as well and i had to do it in quite a hefty way. This will be very useful