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'));
});
});
スマホの場合は実行しない方がいいかもしれない。
コメント
コメントを投稿