Filters Text-box ( ui-grid-filter-input ) Overlaps "X" Button ( ui-grid-icon-cancel )

[Yashkochar20]

Actual: Attached is a screenshot of the issue. When input text length is longer than the size of the search box, the text and the "X" button overlap.

I would expect 'X' to stay locked and when user enters a long name bigger than length of search field, the field scrolls to the right and the text at the beginning of the input text box starts to get hidden as it moves to the left (which is actual now just that the 'X' button is not locked and overlaps the characters)

[islamgamal]

+1

[tentux-dash]

Issue still present in v4.0.4. @Yashkochar20 has suggested the text within the input field should simply stop short of the cancel button (small X) to prevent the text from overlapping. This can be achieved by adding some padding-right to the input field within Chrome.

However, I feel the cancel button / small cross should be next to the input field (on the right) and not within the bounds of the input field / textbox - this would be consistent with how dropdown lists (select) appear within the filter, as here the cancel button is next to the select element on the right hand side.