モバイルでリアクションピッカーがビューポート外に配置される

ここで説明されているものと非常によく似た問題を抱えています。

リアクションピッカーがビューポートの外側に表示されます。

デバッグツールを使用して、element.style {left: 89.6562px; top: 2375.19px; } を受信していることを確認できました。これは要素のスタイルであるため、他のCSSをいじっても効果がありませんでした。

画面を3000px程度の高さにリサイズすると、実際にピッカーを見ることができます。

Jiraプラグインが原因であるとは特定していません: Unable to use reactions on IOS/Mobile - #23 by Don

カスタムリアクションのテーマコンポーネントを使用しています: Custom Discourse Reactions - #14 by Don これがこのような影響を与えるとは思いませんが。

残念ながら、現在管理者権限がないため、持っているプラグインの完全なリストを提供することはできません。

「いいね!」 3

念のためセーフモードで試してみると役立つでしょう。

「いいね!」 1

安全モードを特権なしで試せることに気づいていませんでした。

そのことを指摘された後、以下のことを確認しました。

  • a) リアクションはプラグインなので、すべてのプラグインを無効にすると、役に立たない方法で問題が解消されました ^^
  • b) さらに重要な点として、テーマがない場合、すべてが正常に動作します。

リアクションと相互作用するはずの唯一のテーマは

です。

リアクションは数週間前までは間違いなく正しく機能しており、そのテーマは何年も変更されていません。

最近の Discourse のアップデートと奇妙に相互作用しているか、設定のどこかに問題が発生したかのどちらかです。さらに詳しく調査してみます。

「いいね!」 1

さらに調査したところ、以下のことがわかりました。

このコミットが原因で問題が発生したと推測されます。

特に、以下の部分が:

このテーマコンポーネントからの以下のスタイルと悪く相互作用しているようです。

開発ツールでこのCSS行を無効にしても、現在表示されているリアクションピッカーの位置は変わりませんが、次回のピッカーは正しく配置されます。

「いいね!」 1

最善の方法は、そのテーマコンポーネントの作成者に連絡して修正を依頼することです。まだ気づいていないのかもしれません。

「いいね!」 2

私はちょうどそちらでイシューを起票しました。

「いいね!」 2

テーマコンポーネントが更新され、問題が解決しました。

「いいね!」 2