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

質問ありがとうございます。「オンライン状態」を無効にしていたことが原因でした。有効にしたら、モーダルが表示されるようになりました👌

現在、Theme Component は機能していますが、拡大ボタン経由でのみ動作します。の機能に関する問題は、今回は Horizon テーマに関連しているようです。

モバイル/デスクトップの切り替え機能が、この機能に価値をもたらすのではないかと考えています。ユーザーが常にスワイプやスクロールを行うモバイル体験には良い効果をもたらしますが、デスクトップではフォーラムの旧来の挙動の方が好きです。

「いいね!」 1

これが理解できない…

トピックは1投稿だけですが、トピックの長さはどうでもいいです。このトピックを開くと、こうなります:

でも、すでに読んでいるので、私はこのポイントを期待しています:

あるいは、私が決して見ることのない、最初からという場合:

私の期待が間違っているのか、それとも今、本当に明らかな何かを見落としているのでしょうか?他のテーマコンポーネントなしで純粋なテーマを使用しており、iPad/iPhone(PWA、Safari、そしてHub、すべて同じ)を使っています。

編集

よりクリーンなアカウントで試してみたら、期待通り最初の投稿が表示されました。つまり、以前の状況は、すでに読んだトピックを開いた場合のみに関係するようです。

「いいね!」 1

こんにちは :waving_hand:

ネストビューのサポートを追加しました。 FEATURE: Adds nested view support - Pull Request #3 - VaperinaDEV/discourse-topic-preview-modal - GitHub

「いいね!」 4

ありがとう @Jagster、修正はこちらです: FIX: Enhance topic-post visibility for scroll positioning · VaperinaDEV/discourse-topic-preview-modal@697868d · GitHub

「いいね!」 3

こんにちは :waving_hand:

残念ながら、この問題を再現できません…

こちらを追加しました: FEATURE: Adds enabled_on setting - Pull Request #4 - VaperinaDEV/discourse-topic-preview-modal - GitHub

「いいね!」 4

わあ、ドン、ありがとう!:slight_smile:

「いいね!」 1

「Horizon」テーマで「トピックカードの高コンテキスト」を有効にしている場合、トピックプレビューモーダルが正しく動作しない問題に気づきました。これは意図的な仕様ですか、それともバグですか?

また、機能追加のリクエストとして、このコンポーネントを特定のカテゴリでのみ有効にする設定を追加することは可能でしょうか?

「いいね!」 1

さらに、トピックページの下部にある関連トピック/おすすめトピックセクションからプレビューを開いた場合、モーダル内の「トピック全体を開く」をクリックしても、対象ページに遷移しません。

「いいね!」 1

確認しました。現在の回避策は、デフォルトの行操作ではなく、ボタンの動作を選択することです。

「いいね!」 1

ありがとうございます。あ、それが欠けていた部分でした!この設定が無効になっていたことに気づきませんでした…ごめんなさい @satonotdead :confused:

つまり、問題は、Horizonが「高コンテキストモードのトピックカード」では topic-list-item-before プラグインアウトレットをレンダリングしないため、テーマのコンポーネントが動作しなかったという点でした。

別のプラグインアウトレットに移動したら、今は正常に動作しています。

ありがとうございます。修正しました。

うーん、検討中です。どのように動作してほしいですか? /latest でも動作させるべきですか(正確なトピックのカテゴリを確認して)?それとも選択されたカテゴリ内でのみですか?また、そのカテゴリ内のおすすめトピックもモーダルを維持すべきですか?



> ./support --coffee

「いいね!」 3

@Damian_Boon さん、こんにちは :waving_hand:

こちらの問題を修正しました: FIX: Prevent parent topic navigation from bypassing preview modal · VaperinaDEV/discourse-topic-preview-modal@8902af9 · GitHub

これにより、Reddit風のテーマでもモーダルが正常に動作するはずです。

「いいね!」 3

これで動くようになりました、ありがとうございます!

「いいね!」 1

かなり考えましたが、右スワイプが最適なソリューションであるとは限りません。モバイルのネイティブなナビゲーションジェスチャーと競合する可能性があるためです。横方向のスワイプにはすでに別の意味が割り当てられていることが多いからです。

代わりに、少し異なるアプローチを採用しました。モーダルフッターはすでに下方向にドラッグして閉じられる機能を持っていますが、その操作を発見しやすくするために、フッターに小さなグリップを追加しました。

これにより、最後の投稿までスクロールしきっている場合でも、上部までスクロールし直したり、モーダルの上部に手を伸ばしたりする必要なく、フッターを下方向にドラッグするだけでモーダルを閉じることができます。

この種のモーダルに対して、この方がより自然に感じられると思います。

「いいね!」 4

1週間以上使ってみましたが、意見が異なります。片手でスマホを操作するのは非常に快適で、ユーザーの90%がコンテンツを吸収するだけなので、サイトを使いこなすのに最適で非常に簡単です。また、モーダルの上部5pxに「これが閉じるためのジェスチャーです」というメッセージ付きの3秒間のアニメーションタイマーを追加しました。少し試してみてください。親指を大きく動かすことなく、どれほどうまく機能するかがわかります。

また、その方向で進める場合、オン/オフを切り替えるトグルボタンになりますか?

「いいね!」 1

テストは行いましたが、iOSのSafariではこのジェスチャーが「前のページに戻る」操作にも使用されるため、ダイアログを閉じるつもりが前のウェブページに戻ってしまう問題が頻発します。

「いいね!」 1

iPhoneでは、右にスワイプするとモーダルが閉じるのではなく、前のページに戻るという意味ですか?

はい、ここで再現してみましたが、私の言っていることが伝わるか見ていただければと思います。

「いいね!」 1

ああ、これがあの痛みか。古いiPhoneで試したら完璧に動いた。もう一度ゼロから考え直さないと。

こんにちは :waving_hand:

この件についていろいろと考えていたところ、設定可能なオプションを3つ追加しました:

  • None: 追加のクローズジェスチャなし
  • Grip: フッターに視覚的なグリップ(掴み部分)が表示される
  • Gesture: 上部にある場合は下方向にスワイプ、下部にある場合は上方向にスワイプすることでモーダルを閉じることができます。モバイルでは、ネイティブの戻るジェスチャ/ボタンでもモーダルを閉じられます。

Facebookのコメントモーダルに似た動作になるよう試みました。

最も興味深い部分は、ネイティブの「戻る」操作の処理です。元のトピックリストから離れるのではなく、モーダルが戻る操作を消費して自身を閉じ、ユーザーがリスト内での位置を維持できるようにします。

「いいね!」 6

最新のiPadでは、モーダルを閉じるには上スワイプのみが有効です。左から右へスワイプしても、モーダル内では何も起こりません。モーダル外では通常の戻る操作として機能し、クリエイターのトップページに戻ってしまいます。

「いいね!」 1