Annotations doesn't render properly in custom template

[joapuiib]

Hello,
I'm currently using MkDocs and Material for MkDocs for building a site for teaching materials and I'm having trouble with annotations in my custom template.

I've developed a custom theme that extends Material for MkDocs for reusing my configurations on several sites.
One of the customizations I've made is to modify main.html template to include a header and footer to every page when printing.

Based on: https://stackoverflow.com/questions/75554967/need-help-adding-a-header-and-footer-to-on-every-page-when-i-print-a-long-html-t

Live actual example of documentation: https://joapuiib.github.io/daw-ed/programacio/dam1s/programacio/

Web site view:

Header only appears at the top of the page, footer at the bottom.

Print page view:

Images inside header/footer appear on top/bottom of each page.

---

I've created a minimal example with this cutomization available in joapuiib/print-header-custom-template

I couldn't zip it with plugin.info because of the customizations.

With this configuration, annotations don't render correctly if placed directly as content.

---

However, the work nicely inside code blocks.

---

After investigating a bit, I've found that annotations do some calculations in order to position them properly if inside a table.
Since my layout is inside a <table> element, I assume this is causing the offset error.

Related links and issues:

• mkdocs-material/src/templates/assets/javascripts/components/tooltip/index.ts

  Lines 127 to 139 in 6f715fb

  	/**
  	* Experimental: fix handling of tables - see https://bit.ly/3TQEj5O
  	*
  	* If this proves to be a viable fix, we should refactor tooltip
  	* positioning and somehow streamline the current process. This might
  	* also fix positioning for annotations inside tables, which is another
  	* limitation.
  	*/
  	const table = host.closest("table")
  	if (table && host.parentElement) {
  	x += table.offsetLeft + host.parentElement.offsetLeft
  	y += table.offsetTop + host.parentElement.offsetTop
  	}

• (Insiders) Issue adding annotations within data tables #3453
• Improved tooltips render in wrong position in data tables #4217

---

I'm kind of lost with this and I don't know how to solve this.
I'd appreciate if anyone could help me fix this or guide me with the possible steps I could follow.

Thanks in advance!