[Bug]: Suddent layout shift in Table with resizableColumns in Firefox and Safari

[alexhad6]

Browser

Firefox, Safari

Package version

v3.0.1007

React version

v19.1.0

Description

In Firefox and Safari, when using a Table component with resizableColumns, there is a suddent layout shift when mousing over the right edge of the header row. I see this in my own project, as well as on the Cloudscape documentation example, and in tables in the AWS console (e.g. the S3 bucket table). On Chrome, there is no layout shift.

Here is a screen recording of the behavior:

Screen.Recording.2025-06-26.at.4.32.21.PM.mov

Source code

See code from the documentation website example: https://cloudscape.design/components/table/?tabId=playground&example=resizable-columns.

Reproduction

See https://cloudscape.design/components/table/?tabId=playground&example=resizable-columns.

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems

[YueyingLu]

Hey @alexhad6
thank you for reporting. We are working on a fix. We will keep you updated when the fix is released.