テキスト入力欄を画面上部へ

https://gyazo.com/33249161f11ed1793c717c634a07533a

iPhoneで付箋モードに入った時にテキストエリアに対して自動でズームインする

それはフォントサイズを16pxにすることで回避できる

テキスト入力しようとしたらテキストエリアまで勝手にスクロールしてしまう

これの回避方法がわからない

よく考えたらScrapboxもテキストエリアを出す時にはページ上部にモーダルで出してたよな、と気づく

もしかしてこれ回避不能な挙動だったりする？

ツールバーのあたりにテキストエリアを出すデザインにするか？

やってみた

複数行テキスト入力をアフォードしない方が良いのでは、って仮説もあったので1行テキストっぽくした

(実際はtextarea)

これで良い気がする

ツールバーの真下に出すのを一旦試したが、それだと付箋にテキストバーがかぶる

ツールバーにピッタリかぶせてしまった方が、テキスト入力中に余計な操作をされないかな

UNDOを隠してしまったけど...

入力欄がこの位置なのにOKの意味のアイコンの矢印が上を向いているのはおかしい

----

下記の問題はテキストエリアの移動によってほぼ起こらなくなったように思うので様子見

https://gyazo.com/3caad9f4f44947f712fc34fc8ec3ca5f

iPhoneやiPadでの画面回転で、表示がおかしくならないようにする

iPhoneで付箋入力モードにすると、iPad用に設計されたテキストエリアのサイズでは大きすぎる

その影響でツールバーを見失ったりする

画面を回転させた時などにメニューバーが隠れてしまう

TODO: キャンバスのない白いところをタップしたら適切な位置に再配置するようにしよう

もしくはシェイク

そもそも隠れることがないようにしたい