問題の説明:
ユーザーのカスタムステータスメッセージは、ユーザーが表示していた投稿が画面外にスクロールされても、バナーによって隠されず、見た目が悪くなります。
問題のスクリーンショットを添付します。
期待される動作:
ステータスメッセージはバナーによって隠されるべきです。
実際の動作:
ステータスがバナーの前面に表示されます。
再現手順:
ユーザーのカスタムステータスをクリックし、投稿が画面外に消えるまで上にスクロールします。すると、ページ上部のバナーの前面にステータスメッセージが表示されたままになります。
このバグが発生するリンク:
(私だけかどうかはわかりません)
ブラウザ/OS/デバイス:
Replitアプリ/Android /Samsung Galaxy
類似の発生例:
戻るや進むボタンのあるバーの前面に表示されることを発見しました。
便利な写真はこちらです:
「いいね！」 5
andrei
(Andrei Prigorshnev)
7
これを確認しました。重要な点が2つあります。
- これはモバイルでのみ発生します。
- これはユーザーのステータスツールチップだけでなく、DTooltipコンポーネントを使用して実装されている他のいくつかのツールチップでも発生します。
デスクトップでは、ツールチップのトリガーとしてmouseenterイベントを使用しています。マウスがツールチップから離れると消えるため、すべてスムーズに動作します。
モバイルでは、ツールチップのトリガーはクリックであり、ツールチップを消すにはユーザーがツールチップの外側をクリックする必要があります。そのため、スクロール時にツールチップが消えません。これは、内部で使用しているtippy.jsライブラリで作成されたツールチップのデフォルトの動作です。
現在修正に取り組んでおり、すでに作業中のドラフトがあります。解決策は、モバイルでスクロール時にツールチップを非表示にすることです。これにより、DTooltipベースのすべてのツールチップが修正されます。
「いいね！」 3
andrei
(Andrei Prigorshnev)
11
問題の修正はトピックにあります。
なぜかチャットで機能しません。調査して、後続で修正します。
「いいね！」 3
Lilly
(Lillian Louis)
12
iOS 16.6のSafari、Chrome、Firefoxで、デスクトップ表示およびモバイル表示のiPadでも発生しています。
「いいね！」 2
こんにちは @andrei さん！
残念ながら、このバグは（今回は別の）Discourseフォーラムでもまだ発生しています。
このトピックでも発生しています…
「いいね！」 2
修正はまだマージされていないようですので、テストするにはもう少し待つ必要があるかもしれません。
「いいね！」 4
andrei
(Andrei Prigorshnev)
18
修正をマージしました。メインブランチにあります。トピックの問題のみを解決し、チャットには同様の問題があることに注意してください。これは後で別途対処されます。
「いいね！」 2
こんにちは、@andrei さん！
ヘッダーが変わり、ステータスが一番上まで到達するとフェードアウトするのが見えるのですが、これが修正ということでしょうか？
「いいね！」 1
andrei
(Andrei Prigorshnev)
20
修正により、ツールチップがスクロール時にフェードアウトするようになります。修正後、タッチスクリーンではスクロールを開始するとツールチップがフェードアウトします。
「いいね！」 1
皆さん、こんにちは！
また別のフォーラムでこれが見られました。
このような他のフォーラムやAskではヘッダーがフェードアウトしますが、そのフォーラムではフェードアウトしません。
ステータスが表示されている間に素早く上にスクロールすると、重なってしまいますが、ヘッダーが十分に速く反応して隠れないという点も付け加えさせていただけますか。
カスタムステータスが何か前面に表示されるという別のバグについて報告したのと同様に、これも報告します。
ご覧のとおり、ユーザーはスクロールして表示範囲外にいますが、ステータスはサイドバーに重なって表示されたままです。
「いいね！」 1
カスタムステータスがまた発生しました！
戻ったり進んだりできるバーの前にあります。
便利な画像はこちらです。
別のカスタムステータスの問題：
https://meta.discourse.org/t/custom-status-in-front-of-sidebar/277328?u=natedhaliwal
カスタムステータスに問題があるようです。
「いいね！」 1
andrei
(Andrei Prigorshnev)
27
@NateDhaliwal これらの問題を報告していただきありがとうございます！
より正確には、これらの問題は、アプリ全体でリッチツールチップを表示するために使用しているコンポーネントに関連しています。ステータスを表示するためにリッチツールチップを使用していますが、他の目的でも使用しています。したがって、同様の問題が他のツールチップでも再現される可能性があります。上記で提供した修正は、最も一般的なケースのみを修正しました。
現在、リッチツールチップのコンポーネントに対するさらなる変更に取り組んでおり、ここにもっと多くの更新があります。これらの問題に対処します。
「いいね！」 5
andrei
(Andrei Prigorshnev)
30
@j.jaffeux がツールチップ（およびその他のポップアップ）の大規模な改修を行いました。
その作業の一環として、このトピックで説明されている問題も修正されました。テストしたところ、
- チャットでステータスツールチップが重ならない
- サイドバーを開くとツールチップが消える
- モバイルで下部ナビゲーションツールバーの上にツールチップが表示されない
「いいね！」 3
