Zooming or Windows Scaling affects Ext.NET components' Display

[fabriciomurta]

Found: 5.2.1
Ext.NET forums' threads:

• staggered columns
• One Pixel Accidentally Appeared in all Forms

Layout issues are long known to happen to Ext.NET if browser zoom is not at 100%. Turns out even if browser zoom is set at 100% but MS-Windows' general display scaling is not at 100% (usually the only other option is 125%), Chrome will behave the same as if it were set at the 125% zoom, thus displaying the same glitches.

It is known at least google chrome has seveal styling issues when zoomed in or out, in general, but we should try to fix or at least improve the ones that annoys the public the most, and improve Ext.NET experience.

Sencha has "disclaimed" support for zoom, also in FAQ, but they probably didn't consider the high-dpi trends of nowadays, so we should contact them again about the issue. And, as FAQ states, each case should be analyzed and if possible, fixed.

The panel title bar border and GridPanel's gridlines are potential candidates for fixes that will improve overall Ext.NET experience dramatically and we should at least give those a try.

[fabriciomurta]

This issue seems to be influenced negatively by forceFit: true in grids. Without this setting, the misalignment still happens in Google Chrome, but only when zooming out to about 67%. With the setting, the misalignment happens in several zoom settings. Firefox seems unaffected by the issue.

[fabriciomurta]

Sencha ticket for the general zooming issue: #52386. Internal existing Sencha Feature Request issue: EXTJS-23755.
Sencha ticket specific to grid panels: #52387