# Inline footnotes doesn't work in the table at fullscreen

**URL:** https://meta.discourse.org/t/inline-footnotes-doesnt-work-in-the-table-at-fullscreen/313445
**Category:** Bug
**Tags:** footnote, table-builder, fixed
**Created:** [June 24, 2024, 8:50pm UTC](https://meta.discourse.org/t/inline-footnotes-doesnt-work-in-the-table-at-fullscreen/313445 "2024-06-24T20:50:10Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [June 24, 2024, 8:50pm UTC](https://meta.discourse.org/t/inline-footnotes-doesnt-work-in-the-table-at-fullscreen/313445/1 "2024-06-24T20:50:10Z")

</div>

![NVIDIA_Share_Yz5WSUm2gc](https://global.discourse-cdn.com/meta/original/4X/b/1/6/b16837f1a70b3cedd6b99d44f84927432a18c9cd.png)

How to reproduce:

- Go to: [Trust Level Permissions Table (inc Moderator Roles)](https://meta.discourse.org/t/trust-level-permissions-table-inc-moderator-roles/224824)
- 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()](https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse/app/instance-initializers/post-decorations.js#L156-L160), you pass to the modal `.footnotes-list` element as well.
- In [inline-footnote.js](https://github.com/discourse/discourse/blob/main/plugins/footnote/assets/javascripts/initializers/inline-footnotes.js#L66-L67), 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**
>
> ![image](https://global.discourse-cdn.com/meta/original/4X/8/2/5/825d579d1f4d590d2dbf97d709829faa32d165c1.png)

I hope that helps!

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [June 24, 2024, 11:43pm UTC](https://meta.discourse.org/t/inline-footnotes-doesnt-work-in-the-table-at-fullscreen/313445/2 "2024-06-24T23:43:27Z")

</div>

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

---

<div class="post-metadata">

### Author: ![Lhc\_fl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lhc_fl/32/268115_2.png) [@Lhc\_fl](https://meta.discourse.org/u/Lhc_fl)
#### Post date: [July 3, 2024, 8:24am UTC](https://meta.discourse.org/t/inline-footnotes-doesnt-work-in-the-table-at-fullscreen/313445/4 "2024-07-03T08:24:27Z")

</div>

I opened a PR for this 🙂  
[https://github.com/discourse/discourse/pull/27686](https://github.com/discourse/discourse/pull/27686)

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [July 3, 2024, 12:35pm UTC](https://meta.discourse.org/t/inline-footnotes-doesnt-work-in-the-table-at-fullscreen/313445/6 "2024-07-03T12:35:12Z")

</div>

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

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [July 6, 2024, 7:00am UTC](https://meta.discourse.org/t/inline-footnotes-doesnt-work-in-the-table-at-fullscreen/313445/10 "2024-07-06T07:00:21Z")

</div>

This topic was automatically closed after 2 days. New replies are no longer allowed.