misskey icon indicating copy to clipboard operation
misskey copied to clipboard

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

Open fruitriin opened this issue 1 year ago • 15 comments

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

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

fruitriin avatar Jun 20 '24 13:06 fruitriin

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

fruitriin avatar Jun 20 '24 13:06 fruitriin

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

tai-cha avatar Jun 20 '24 16:06 tai-cha

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

anatawa12 avatar Jun 21 '24 00:06 anatawa12

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

syuilo avatar Jun 21 '24 01:06 syuilo

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

image

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

KisaragiEffective avatar Jun 21 '24 01:06 KisaragiEffective

その方が良いかも

syuilo avatar Jun 21 '24 01:06 syuilo

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

image

image

anatawa12 avatar Jun 21 '24 01:06 anatawa12

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

Sayamame-beans avatar Jun 21 '24 02:06 Sayamame-beans

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

syuilo avatar Jun 21 '24 04:06 syuilo

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

anatawa12 avatar Jun 21 '24 05:06 anatawa12

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

syuilo avatar Jun 21 '24 05:06 syuilo

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

fruitriin avatar Jun 21 '24 05:06 fruitriin

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

anatawa12 avatar Jun 21 '24 05:06 anatawa12

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

KisaragiEffective avatar Jun 21 '24 19:06 KisaragiEffective

下は空いてるのいいよね

fruitriin avatar Jun 22 '24 06:06 fruitriin