Incorrect rendering of Grid's pager buttons arrows in RTL

[IvanDanchev]

Bug report

Regression in R2 2023

Reproduction of the problem

1. Compare the rendering of the "Next Page", "Last Page", "Previous Page" and "First Page" buttons in RTL between the MVC Grid and the jQuery and Core Grids:

https://demos.telerik.com/aspnet-mvc/grid/right-to-left-support
https://demos.telerik.com/kendo-ui/grid/right-to-left-support
https://demos.telerik.com/aspnet-core/grid/right-to-left-support

Current behavior

Incorrect rendering of the buttons.

Expected/desired behavior

Buttons rendered consistently with the jQuery and Core Grids.

Environment

• Kendo UI version: 2023.3.1010
• jQuery version: x.y
• Browser: [all]

[gyankov]

This is actually a problem in the client side pager. As there is no reliable way to determine whether the component is within a k-rtl element on the server. While there is the kendo.support.isRtl API on the client. They actually swap the icons on the client when in RTL already, it should also be done when elements are rendered on the server:

• https://github.com/telerik/kendo/blob/master/src/kendo.pager.js#L122

[IvanDanchev]

The issue is a regression introduced with R2 2023 (v2023.2.606)