トゥートの追加をトップに（FIFO but 条件付き）

[KEINOS]

編集画面でトゥート追加時、従来の最下部に追加していくのでなく、上部に追加していく方法にできないか。

であれば、 編集フォームのすぐ隣に追加したトゥートが表示されるので #78 の「追加したことが目視できる」ことにもなると思います。

しかし、これには条件があって #77 の順番のフリップが実装されてから意味があるのかもしれません。

また、上に足すか下に足すかの選択オプションを付けるは煩雑になるので付けたくありません。

わがままですよね。難しい。とりあえず、以下の Issue も見ながらアイデアを練っていきたいと思います。

• URL 欄をクリックしたら選択状態にして欲しい #76 URL 欄をクリックしたら選択状態にして欲しい
• トゥートの並び順をフリップできるようにして欲しい #77 トゥートの並び順をフリップできるようにして欲しい
• 「トゥートを追加」したら input にフォーカスを戻して欲しい #78 「トゥートを追加」したらアウトフォーカスもしくはシグナルが欲しい

[yume-yu]

これに関して、 過去に

まとめが出来るところにoverflow: scrollを付けて、トゥートを追加したらすぐ横で見れるようにしたいなぁ。
長いまとめ作ると下に一回スクロールして確認して上に戻って追加することになったから。
https://qiitadon.com/@whendidyousee/103448625966599263

こんなtootがあり、 #78 に加えて「tootの追加メニューが最新の追加tootに追従する」仕様が実現できるので自分としてはこっちがいいかなと考えています。求めてるところはカバーできそうだと思っているんですがどうでしょう 🙏
一応要素の上下逆順並び替えはcssのみで再現できるので並び替え(とスイッチでの切り替えも)実現は可能です 💪

[念の為ついき]
実際のところはoverflow: scrollでは実装しないのですが、イメージがしやすいと思いそのまま引用してます 🙇

[KEINOS]

なるほどー。

スクロールは全体の流れをチェックするのにも必要なので、それ自体は苦ではないのですが「トゥートを確認してトップに戻るのループ」という行為が問題だったんですねー。

overflow: scroll ってインラインフレームみたいなやつですよね？

追加したら、アンカークリックのようにスクロールされて、すぐ隣までくる、と。

そうなると、「追加されたことが目視できる」ということなので #78 も同時にクリアされる、と。

したらば、最上部に追加する必要もなくなる、と。

いいと思います！！とてもデリシャス。

[KEINOS]

まとめ一覧のエリアが今後スクロールされるのであればトップに追加する必要はないため、一旦この Issue は close させていただき 💪

-> p.s. @yume-yu