formio.js
formio.js copied to clipboard
The edit component button is not always visible when adding multiple components in a data grid.
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:
- Create form.
- Add an edit grid component.
- In the edit grid, add a CheckBox and set its label to a small string (ex: "Add").
- Add three Text Field components in the following columns of the edit grid.
- 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
Additional context I was able to reproduce the problem (see screenshot) in your playground using a 2560 px page size.