IdsDatagrid: Wrong cursor position and Column Filter Fields aligned 'right'

[GMInf]

Describe the bug
When an ids column header is right aligned, the filter input field's cursor is on the left, it should be on the right.

To Reproduce

Steps to reproduce the behavior:

1. clone enterprise-wc
2. run npm i
3. edit disable-client-filter.ts
4. update column color, set align: 'right'

  columns.push({
    id: 'color',
    name: 'Color',
    field: 'color',
    sortable: true,
    resizable: true,
    reorderable: true,
    formatter: dataGrid.formatters.text,
    filterType: dataGrid.filters.text,
    **align: 'right'**
  });

5. run npm start
6. disable-client-filter.html
7. type on the color header filter
8. error: cursor is on the left, it should be on the right
9. press backspace
10. error: backspace is behaving as it should but the cursor is on the wrong position (on the left, should be right)

Expected behavior
When typing, cursor should be on the right of the text.

Version

• ids-enterprise-wc: 1.0.0-beta.11

Screenshots

Platform
Infor Application/Team Name: M3 UX
OS Version: Windows 11
Browser Name: [chrome
Browser Version: 113.0.5672.127 (Official Build) (64-bit)

Additional context
Add any other context about the problem here.