CSS issue in Sencha/extjs 2.3

Issue

When we scroll the fields on UI for going the last column, the CSS is breaking down and also tried to use the custom CSS, but when we use it at that time, the last field has been disappearing. This has been happening from last one month, not sure because of the updated chrome(100.0.4896.127) and also tried in Edge(101.0.1210.32)as well and don't know the issue is related to sencha/extjs 2.3 or browser related issue. Any suggestion/Help will be really helpful. enter image description here

Solution

Override the .x-grid3-row css and Add the display: inline-table; property in your custom css file. Then it should work fine.

.x-grid3-row {
cursor: default;
border: 1px solid #ededed;
border-top-color: #fff;
width: 100%;
display: inline-table;
}

Answered By - Prakash