トピックプレビューモーダル

うん、DiscourseではiPadはモバイルデバイスとして扱われていないからだと思う。検出方法をビューポートベースに変更したよ。もう一度試してみてくれない?

まあ、タブレットって、扱いにくい部分が多いよね。でも今はジェスチャーに追従してくれなくて、モーダルを閉じるにはXボタンを使うしかない。

個人的には……まあ、これで十分かなって感じ。それにタブレット、特にiPadはデバイスのうちかなり少ないシェアを占めているから、それらの調整に時間をかけすぎるほどの必要性があるのかどうかはちょっと怪しい。そもそもタブレットって、実質的にはモバイル端末であり、デスクトップ風のデバイスなのはサイズの問題だけなんだから。

「いいね!」 1

はい、確認のため補足します:これらのスワイプで閉じる操作は、モバイル用のモーダルでのみ有効になっています。デスクトップ用のモーダルには一切影響がなく、これまで通りそのまま動作します。

つまり、None/Grip/Gestureのオプションは、モバイルサイズのビューポートでの動作のみを変更します。デスクトップユーザーは、従来の通常のモーダル動作(Xボタンまたはモーダル外クリック)を継続して使用します。

デスクトップモーダル(スワイプは動作しません)

モバイルモーダル(スワイプが動作するはずです)

少しだけフォローアップです😊

スマホでテストしてくださる方をもう少し増やせると嬉しいです。ありがとうございます!

「いいね!」 1

iPhone 15+、最新iOS、Hub/PWA/Safari:

左から右へスワイプする場合、正しい場所を見つけるのはかなり難しいです。しかし、これはデバイス自体の問題だと思います。他のアプリやサイトでも、ときどき同じことが起こるからです。ただし、スワイプの開始位置を気にする必要のないソリューションも存在します。

@Jagsterさん、ありがとうございます。確認ですが、トピックプレビューモーダルが開いている状態でスワイプバックジェスチャーを使用した場合、モーダルを閉じてトピックリストにとどまるのか、それとも前のページに戻るのか、どちらですか?

Android 17 (AOSP) でバックジェスチャーとスワイプアップ/ダウンが動作することを確認しました :raised_fist:

細かい点ですが、アニメーションが少し不安定/遅いです。

「いいね!」 1

テストしてくれてありがとう!:raising_hands:

アニメーションが少しカクついたり遅い、というのは、スワイプアップで閉じるアニメーションのことですか?

その通りです。他の部分はとてもスムーズですよ!あなたの作品をテストできるのは本当に楽しいです、ボス。

「いいね!」 1

ありがとうございます、修正しました!もう一度確認してください。:slightly_smiling_face:

「いいね!」 1

早くテストできるのを楽しみにしてる。超楽しみ lol

「いいね!」 2

すばらしいですね、ありがとうございます!スワイプダウンと戻るジェスチャーが改善されて、今ではとてもスムーズになりました。

正直に言うと、スワイプアップは以前とあまり変わりません。些細な問題ですが、デバイスによって違いがあるため、記録としてAndroid 17で発生していることをお伝えしておきます。

「いいね!」 1

あ、ありがとうございます!スワイプアップで閉じるアニメーションの簡単な画面録画を作ってもらえますか?アニメーションが不自然に感じられる箇所を正確に確認したいです。私のAndroid 16搭載デバイスではスムーズに動作しています。

「いいね!」 2

モーダルが開いている状態で、バックスワイプ をすると、確かにモーダルは閉じます。問題は、5回ほど試してから初めて成功することです。つまり、モーダルが開いている間は反応しませんが、反応したときは期待通りの動作をします。

「いいね!」 1

iOS 27のSafariブラウザの体験は非常に素晴らしいです!お疲れさまでした!:heart:

「いいね!」 1

今、iPhoneの問題が何かわかりました。トピックのヘッダー領域を使ってスワイプバックを行う場合のみ、動作します。

テストにご協力いただいた皆さん、ありがとうございます! :heart:

マージしました: FEATURE: Add configurable mobile modal dismiss gestures - Pull Request #7 - VaperinaDEV/discourse-topic-preview-modal - GitHub


モバイルの閉じるジェスチャーをカスタマイズ可能に

このアップデートでは、トピックプレビューモーダルにカスタマイズ可能な閉じるオプションを追加しました:

  • なし: 追加の閉じるジェスチャーなし
  • グリップ: モーダルのフッターに視覚的なグリップを表示
  • ジェスチャー: ジェスチャーでモーダルを閉じることができます:
    • 最下部で上にスワイプ
    • ネイティブのモバイル戻るジェスチャー/ボタン

下向きスワイプでの閉じる操作は、すべてのモードで利用可能です。


ネイティブの戻る操作は、特にモバイルで便利です。元のトピックリストから離れる代わりに、戻る操作でモーダルを閉じ、ユーザーがリスト内の位置を保持できるようにします。

デスクトップのモーダルは、これらのオプションの影響を受けません。


この機能が役に立つと感じたら、継続的な開発へのサポートをご検討ください。 :heart:
> ./support --coffee

「いいね!」 2

トピックプレビューモーダルのためのオプションのハプティックフィードバックも追加しました:FEATURE: Add haptic feedback to modal open and close - Pull Request #8 - VaperinaDEV/discourse-topic-preview-modal - GitHub

有効にすると、対応するAndroidデバイスでは以下が提供されます:

  • モーダルを開く際の控えめなハプティックフィードバック
  • モーダルを閉じる際のやや強いフィードバック

このフィードバックは、新しいハプティックフィードバックmodal_haptic_feedback)設定で有効化または無効化できます。

デフォルトでは有効です。

ハプティックの持続時間は、開閉の2つの操作を明確に区別できるように、意図的に異なっています。

「いいね!」 1

こんにちは :waving_hand:

欠落していた機能を1つ追加しました: FEATURE: Add topic progress bar (timeline) - Pull Request #9 - VaperinaDEV/discourse-topic-preview-modal - GitHub

> ./support --coffee :heart:

「いいね!」 1