Scrapbox内の箇条書きを折り畳むUserScriptが欲しい
畳む前
https://gyazo.com/581d946596921ce9262664a6a097689d
畳んだ後のイメージ
https://gyazo.com/12e6b709ea5a186cf044f4756ce4d7a7
さすがにむずかしいか
構想だけ練ってたtakker.icon
実装可能だとみている
やっぱtakker.iconさんつよいなーMijinko_SD.icon
思いつただけなので本当に実装できるかはわからないですtakker.icon
素朴に内側を非表示にすると折りたたみ以後のクリックの位置判定が壊れそうだから難しそうmiyamonz.icon
しまったその点は気付きませんでしたtakker.icon
予想よりコードがややこしくなりそうだ……
適当に、要素に対してstyle="display:none;"を設定してみたMijinko_SD.icon
https://gyazo.com/38f119bcff66fd2ba04a30627023745e
https://gyazo.com/9626e1aa38fbbaaa61bd52353eaf8082
適当に動かしてみたけど動作上はそこまで問題がない?
コードブロックとかでは試してないのでアレだけど
地味に非表示に設定した行はカーソルを置けないらしい
方向キーで動かしても非表示の行は飛ばしてしまう
これユーザーが非表示にすることを想定してるのかなkuuote.icon
異常動作せずに飛ぶだけというのはすごい
可能性:DOMの座標から飛ぶ先を決めているtakker.icon
React側の行データではなく、実際の描画位置から飛ぶ先を特定しているのなら、非表示だろうとなんだろうと飛ぶことができる
多分そうだと思いますkuuote.icon
なるほどmiyamonz.icon
/vim-jp-emojis/オッ.iconそれならkeydownイベントのハイジャックはいらなそうですねtakker.icon
タスクの優先順位を一切考えずにやった結果半日溶かしてそれっぽいものができたtakker.icon
明日提出する予定の書類まだ作ってない……