Новое свойство field-sizing или autoresize для textarea без костылей #frontend #css Во вчерашней подборке от reddit, увидел интересный пост про новое CSS-свойство field-sizing, которое позволяет textarea и input type="text" автоматически расширяться в зависимости от контента. Автор треда говорит о том, что совсем скоро это завезут в Chrome Canary. Я покопался и на самом деле это свойство туда уже успели завести, по крайней мере, так было написано на chromestatus. Немного вчитался и обнаружил, как можно запустить Chrome Canary с включённым свойством, поскольку в chrome://flags оно пока недоступно (команда, работающая у меня на MacOS, вам надо заменить путь до Chrome Canary, самый простой способ узнать это — открыть в своей Chrome Canary chrome://version): $ /Applications/Google\ Chrome\ Canary.app/Contents/MacOS/Google\ Chrome\ Canary --flag-switches-begin --enable-features=CssFieldSizing --flag-switches-end --origin-trial-disabled-features=WebGPU В данный момент Pull request с этим свойством уже принят в черновиках CSSWG на github. Пример кода, который я накидал для демки, доступен в посте в телеграм (к сожалению, в dzen всё ещё нет возможности красиво вставлять код, да и просто вставлять код не очень хорошо получается).