search

vmware-clarity / core

Clarity is a scalable, accessible, customizable, open-source design system built with web components. Works with any JavaScript framework, created for enterprises, and designed to be inclusive.
https://clarity.design
MIT License
163 stars 41 forks source link

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

Open squidjam opened 7 months ago

squidjam commented 7 months ago

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:

Clarity version:

Framework:

Framework version: React 18

Device:

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 commented 4 months ago

plink

squidjam commented 1 week ago

Plink