Incorrect TableActionMenu placement when table is at the bottom of a longer page

[rilrom]

Describe the Bug

When a table is placed in a rich text field that is located at the bottom of a longer / scrollable page, the TableActionMenu is misplaced. It seems to be even more prominent when the browser is not the full-width of your monitor or browser dev tools are open.

incorrect-table-action-menu-placement.mp4

Link to the code that reproduces this issue

https://github.com/rilrom/payload/tree/issue/table-action-menu-incorrect-placement/test/_community

Reproduction Steps

1. Enter in a lot of content to allow the table to be at the bottom of a scrollable page.
2. Add a table.
3. Attempt to access the table action menu.
4. Placement is incorrect, sometimes being completely off-screen.

Which area(s) are affected? (Select all that apply)

plugin: richtext-lexical

Environment Info

Payload: 3.17.1
Next.js: 15.1.4

[rilrom]

I have resolved this in my own internal project, I will create a PR for it.

[github-actions]

This issue has been automatically locked.
Please open a new issue if this issue persists with any additional detail.

[github-actions]

🚀 This is included in version v3.19.0