Datagrid: Adding a multiselect dropdown in datagrid makes the checkbox overlap with text

[dmolinaj]

Describe the bug
When adding a Soho.Formatters.Dropdown in a datagrid column and setting the editoroption multiple to true the checkbox overlaps with the text.

To Reproduce

1. Open datagrid-angular-editor.demo.ts
2. Add the code below in EDITORS_COLUMNS
   { id: "multiDropDown", name: "Multiple DropDown", field: "multiDropDown", formatter: Soho.Formatters.Dropdown, editor: Soho.Editors.Dropdown, editorOptions: { multiple: true, closeOnSelect: false, }, options: [ { label: "", value: "" }, { label: "On Hold", value: "oh" }, { label: "Shipped", value: "sh" }, { label: "Action", value: "ac" }, ], },
3. Run the app and open Datagrid Angular Editors and see the text overlapping with the checkbox, also selecting an entry is not being retained.

Expected behavior
The text should have a space before the checkbox. The selected entries should be retinained.

Version

• ids-enterprise-ng: v10.1

Screenshots

[jbrcna]

QA Failed. switch to different(smaller) row heights. checkbox will overlap.
v4.55.0-dev
verified in https://main-enterprise.demo.design.infor.com/components/datagrid/test-multi-select-dropdown-selection.html

[ericangeles]

@jbrcna good catch

[jbrcna]

this issue is now resolved. Thank you.
v4.55.0-dev