t_wの輪郭

Feedlyでフォローするボタン
作業記録生活記録2020年7月25日

デライトに書くりもScrapboxに書く方が心理的に軽い。デライトの編集領域は狭い
　
Stylusだけだと無理っぽい
html - Is there a way to get a textarea to stretch to fit its content without using PHP or JavaScript? - Stack Overflow
>Not really. This is normally done using javascript.
>there is a good discussion of ways of doing this here...
>Autosizing textarea using Prototype
　
Javascriptを実行できるWebExtensionを探す
→自前のWebExtensionを作ってやってしまう
　セキュリティ的に怖い && プログラミングがしたい

デライトの編集領域を勝手に広げるウェブエクステンションのコード実装完了
<h1>pagescript.js</h1> 
let debug = false;
debugLog = debug ? console.log.bind(null, "DEBUG: ") : ()=>{};

document.addEventListener("keydown", (event)=>{
  let textareaArray = Array.from(document.querySelectorAll("textarea"));
  debugLog("on keydown");
  textareaArray.map(textarea=>{
    textarea.style.height = "";
    textarea.style.height = textarea.scrollHeight + "px";
    debugLog("change textarea heigth=>",textarea.style.height);
  })
}, false);
</>