Resizing a `cds-grid-column` without width can be made to hide the resize-handle

[squidjam]

trafficstars

Describe the bug

Resizing a cds-grid-column without width can be made to hide the resize-handle. If you resize too much, the content is hidden, and so is the handle

How to reproduce

Check it on your own story for resizable columns

Steps to reproduce the behavior:

1. Create a cds-grid
2. Make two columns resizable
3. Ensure that at least the one we will use has no width value set
4. Use the resize handle to make the column as small as it can get

Expected behavior

Make it so that the handle stops when a minimum size is reached (when it will be under the next column) so you can still use it.

Versions

Clarity project:

• [x] Clarity Core
• [ ] Clarity Angular/UI

Clarity version:

• [ ] v5.x
• [x] v6.x

Framework:

• [ ] Angular
• [x] React
• [ ] Vue
• [ ] Other:

Framework version: React 18

Device:

• Type: Windows laptop
• OS: Windows 10 and 11
• Browser Chrome, Edge, Firefox
• Version latest

Additional notes

It should not be done using the width parameter. If you persist column sizes for your table users, changing the size would no longer allow them to be smaller in that new size.

[squidjam]

plink