モバイルでの投稿モーダルで、投稿しようと思って閉じてしまいやすい

[fruitriin]

💡 Summary

投稿モーダルの投稿ボタンを押そうとして意図せずモーダルが閉じてしまうことがある

🥰 Expected Behavior

投稿したいときにしくじらずに投稿できる

🤬 Actual Behavior

投稿ボタンを押そうとした時に、モーダルの外をクリックしたときのモーダルを閉じる操作に判定が吸われることがある
これはモバイル端末のようなタッチデバイスで顕著である

📝 Steps to Reproduce

No response

💻 Frontend Environment

* Model and OS of the device(s):
* Browser:
* Server URL:
* Misskey:

🛰 Backend Environment (for server admin)

* Installation Method or Hosting Service:
* Misskey:
* Node:
* PostgreSQL:
* Redis:
* OS and Architecture:

Do you want to address this bug yourself?

• Yes, I will patch the bug myself and send a pull request

[fruitriin]

解決案1. モバイル端末の場合投稿モーダルの余白をなくす
Pros. Twitterのように投稿という一つのモードに突入する
Cons. レイアウトが変わる
解決案2. 投稿モーダルの場合、明示的に閉じるボタンを押すかESCしたとき以外、クリックでモーダルの外をクリックしても閉じないようにする
Pros. 今までのレイアウトを維持
Cons. 挙動が変わる
解決案3. 投稿ボタンの裏に、当たり判定が消えないようにより大きな透明なボックスを配置する
Pros. 現行を踏襲しつついいとこどり
Cons. ハックっぽい
等

[tai-cha]

逆にモーダル外タップでキャンセルする派なのでその仕様変更すると慣れるまでは×ボタン押さないといけないので大変かもしれない（×ボタンを押せばいいと言えばそうだけれど）

[anatawa12]

私はハックっぽいけど捜査感の大きな差が出なさそうな3に賛成

[syuilo]

Xはどうなってるのかしら

[KisaragiEffective]

Xはどうなってるのかしら

全画面表示になって誤タップできない

[syuilo]

その方が良いかも

[anatawa12]

Xとかの一番上のキャンセルを押さないといけないのは、最近の縦長のスマホでは上の方に指伸ばさないと閉じれないので結構体験は悪いので下の方で閉じれるのは維持してほしい気持ちがある

[Sayamame-beans]

Android環境においても、端末下部の戻るボタンを押すと投稿フォームが閉じるのではなくMisskey PWAごと閉じて/戻ってしまうので、全画面表示はあまり体験が良くないかもです。
(off-topic: この"戻るボタンでPWAごと閉じてしまう"挙動、前にissueにしたつもりでしたがしてなさそうなので後で書きます)

[syuilo]

戻るボタン押すとフォームが閉じるようにすれば良さそう

[anatawa12]

ios、戻るボタンがないので困る気がします

[syuilo]

無い分には困らなくないかしら

[fruitriin]

戻るボタンはデバイスの戻るボタンの話で、デバイスの戻るボタンを押すと前のページではなくPWAが閉じてしまう挙動のことだとおもうので、iOSこの戻るボタンがないので特に困らないとおもいます

[anatawa12]

遠い問題がまだ困ると思う(戻るボタンがドロは下にあるのでそれで解決できるけど)

[KisaragiEffective]

折衷案: 上、左、右のマージンは消すが下は現状維持

[fruitriin]

下は空いてるのいいよね