[Grid] Padding of the Filter Menu Icon in Non-Scrollable Grid and Resize Sensors Positioning

[georgi-sla]

Describe the bug
Currently, when the Grid has filtering enabled and the scrollable property is set to none, the filter menu icon in the Grid header cells seems to lose its padding which it has, when the Grid is in scrollable mode. Furthermore, the resize sensors are rendered but improperly positioned.

To reproduce
Steps to reproduce the behavior:

1. Create a Grid component.
2. Enable filtering.
3. Set the scrollable property to none.
4. Enable the column resizing feature.

Please, check out the following two StackBlitz demos:

• Angular: https://stackblitz.com/edit/angular-dqankc8t-kdwsbe7w
• React: https://stackblitz.com/edit/react-arhpunwj

Expected behavior
The padding of the filter menu icon should not be affected by the scroll mode of the Grid. Also, the resize feature should also work as expected.

Screenshots

Affected package (please remove the unneeded items)

• theme-default
• theme-bootstrap
• theme-material
• theme-fluent

Affected suites (please remove the unneeded items)

• Kendo UI for Angular
• Kendo UI for React

Affected browsers (please remove the unneeded items)

• All

Build system information (please remove the unneeded items)

• OS: [MacOS]