misskey-dev / misskey

🌎 An interplanetary microblogging platform 🚀
https://misskey-hub.net/
GNU Affero General Public License v3.0
9.64k stars 1.28k forks source link

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

Open fruitriin opened 1 week ago

fruitriin commented 1 week ago

💡 Summary

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

🥰 Expected Behavior

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

🤬 Actual Behavior

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

📝 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?

fruitriin commented 1 week ago

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

tai-cha commented 1 week ago

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

anatawa12 commented 1 week ago

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

syuilo commented 1 week ago

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

KisaragiEffective commented 1 week ago

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

image

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

syuilo commented 1 week ago

その方が良いかも

anatawa12 commented 1 week ago

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

image

image

Sayamame-beans commented 1 week ago

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

syuilo commented 1 week ago

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

anatawa12 commented 1 week ago

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

syuilo commented 1 week ago

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

fruitriin commented 1 week ago

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

anatawa12 commented 1 week ago

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

KisaragiEffective commented 1 week ago

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

fruitriin commented 1 week ago

下は空いてるのいいよね