Inline footnotes doesn't work in the table at fullscreen

[Arkshine]

How to reproduce:

• Go to: Trust Level Permissions Table (inc Moderator Roles)
• Reduce your window so the table content overflows
• Reload the page
• Click on the fullscreen button

CSS is not applied, and clicking “…” redirects you to the topic.

---

I did not dive into it too much, but to make it work, this is what you need:

• inline-footnotes class name must be inserted at the root of the modal. That will also fix the CSS.
• In generateFullScreenTableModal(), you pass to the modal .footnotes-list element as well.
• In inline-footnote.js, it expects to find .cooked as the content parent, we can check if an active modal is up and looks for .d-modal__body.
• Tooltip z-index needs to be adjusted because of the modal.

result

I hope that helps!

[sam (Sam Saffron)]

I am putting pr-welcome on this! thanks for the detailed report.

[Lhc_fl (Linca)]

I opened a PR for this

FIX: Inline footnotes doesn’t work in the table at fullscreen

[Arkshine]

Awesome, thanks!
It was on my to-do list at some point; I’m glad someone took it!