投稿

1月, 2021の投稿を表示しています

textareaをheight=100%でスクロールしないようにしたい。

htmlのtextareaをコンテンツの高さに合わせたくて調査したときの覚書。 環境: jQuery 3.5.1 CSSのheight: 100%は親要素に合わせてしまう。 textareaの内包している値を全部見えるようにしてスクロールしないようにしたい。 結局JavaScriptでtextareaの内部コンテンツの高さを取得して設定する必要があった。 jQueryを使うとこんな感じ。 jQuery(function($) {   $(window).on('load', function() {     let $textarea = $('#textarea-id');     $textarea.height('auto'); // Initialize     $textarea.height($textarea.prop('scrollHeight'));   }); }); スマホの場合は実行しない方がいいかもしれない。