formio.js icon indicating copy to clipboard operation
formio.js copied to clipboard

The edit component button is not always visible when adding multiple components in a data grid.

Open pboucher1960 opened this issue 5 months ago • 0 comments

Describe the bug When we add a CheckBox or any other small components to the first column in a multi-column data grid component, the edit component icon is not visible anymore on the first column.

Version/Branch v 5.0.1

To Reproduce Steps to reproduce the behavior:

  1. Create form.
  2. Add an edit grid component.
  3. In the edit grid, add a CheckBox and set its label to a small string (ex: "Add").
  4. Add three Text Field components in the following columns of the edit grid.
  5. Try to edit the component in the first column.

Expected behavior The "Edit" icon of the first component should still be visible and clickable.

Screenshots

Image

Additional context I was able to reproduce the problem (see screenshot) in your playground using a 2560 px page size.

pboucher1960 avatar Jul 07 '25 19:07 pboucher1960