[Bug] After the table is sorted, the tooltip is misplaced

Xiaokang2022 commented 3 weeks ago

Context

OS: Windows 11 23H2
Browser: Edge 127.0.2651.74
mkdocs: 1.6.0
material: 9.5.31
Python: 3.12.0
tablesort: 5.3.0

Bug description

The way I added sorting to the table is what the documentation mentioned: https://squidfunk.github.io/mkdocs-material/reference/data-tables/#sortable-tables

When I use the following code to create a table, a bug occurs:

| Id  | Value           |
| --- | --------------- |
| 1   | A { title="A" } |
| 2   | B               |
| 3   | C               |
| 4   | D               |
| 5   | E               |

Before sorting, the position of this tooltip ("A") is correct:

But after sorting, this tooltip is misplaced:

It was only when I re-scrolled the page that it came back to the correct place.

Reproduction

9.5.31-bug.zip

Steps to reproduce

Create a table with a tooltip
Introduce JS for table sorting
Sort the column that contains the tooltip
Check whether the tooltip is misplaced

Browser

Edge

Before submitting

[X] I have read and followed the bug reporting guidelines.
[X] I have attached links to the documentation, and possibly related issues and discussions.
[X] I assure that I have removed all customizations before submitting this bug report.
[X] I have attached a .zip file with a minimal reproduction using the built-in info plugin.

squidfunk commented 3 weeks ago

Thanks for reporting. We'll look into it.

squidfunk commented 3 weeks ago

Fixed in e5c9575dd. Here's what happened and how it's fixed:

https://github.com/squidfunk/mkdocs-material/blob/e5c9575dda8b4e8b689efffda2690f5925ae7919/src/templates/assets/javascripts/components/tooltip2/index.ts#L138-L148

squidfunk commented 3 weeks ago

We'll leave it open until released.

squidfunk commented 2 weeks ago

Released as part of 9.5.33.

squidfunk / mkdocs-material