Using the new field-sizing: content property in the style tab, allows users inputs to dynamically resize as a user types. Supported on Chrome, Edge, Opera, with Safari and Firefox coming soon. Considered a 'progressive enhancement' to web as users without the browser support will still use the input as originally formed. Saves tons of time writing and setting javascript.
Using the new field-sizing: content property in the style tab, allows users inputs to dynamically resize as a user types. Supported on Chrome, Edge, Opera, with Safari and Firefox coming soon. Considered a 'progressive enhancement' to web as users without the browser support will still use the input as originally formed. Saves tons of time writing and setting javascript.
Have you ever wanted to change the height of an input or a text area dynamically so as the user types it grows in size well you can do that now with CSS and I'm going to show you how to do it within webflow so let's get started let's click on our text area we'll give it a class and then we're going to give it a minimum width of 75 pixels for this example and a maximum width of 100 pixels and then we're going to scroll to the bottom of the screen to this panel called custom properties when I hit that I'm going to add field sizing and then give it the value of content once I've done that I can hit my preview button and within my input I can start to type and watch what happens you'll notice that the text area is getting taller dynamically as the user adds content now it's worth mentioning this works in Chrome and Edge but Safari and Firefox support is still coming