フルスクリーンでテーブル内のインライン脚注が動作しません

再現方法:

  • 以下にアクセスします:Trust Level Permissions Table (inc Moderator Roles)
  • ウィンドウを縮小してテーブルの内容がオーバーフローするようにします
  • ページをリロードします
  • 全画面表示ボタンをクリックします

CSSが適用されず、「…」をクリックするとトピックにリダイレクトされます。


あまり深くは調べていませんが、動作させるには以下が必要です。

  • inline-footnotes クラス名をモーダルのルートに挿入する必要があります。これにより CSS も修正されます。
  • generateFullScreenTableModal() で、モーダルに .footnotes-list 要素も渡します。
  • inline-footnote.js では、コンテンツの親として .cooked を見つけることを期待していますが、アクティブなモーダルがあるかどうかを確認し、.d-modal__body を探すことができます。
  • モーダルのため、ツールチップの z-index を調整する必要があります。
結果

お役に立てば幸いです!

pr-welcome を付けさせていただきます。詳細なレポートをありがとうございます。

「いいね!」 1

これについてPRを開きました :slightly_smiling_face:

「いいね!」 4

素晴らしい、ありがとうございます!
それは私のToDoリストにありました。誰かがそれを取ってくれたことを嬉しく思います! :+1:

「いいね!」 3

このトピックは2日後に自動的に閉じられました。返信はもう受け付けられません。