PDA

View Full Version : Ext JS 5 , Grid column misplaced on zoom



ljcp28ljcp
7 Oct 2014, 4:59 PM
When you Zoom the browser in chrome or safari the columns of the grid are misplaced!


Open the Fiddle : https://fiddle.sencha.com/#fiddle/bde and later Zoom it to 125%

Ext version tested:

Ext 5.0.0.970 and 5.0.1.1255
Browser versions tested against:

In Firefox works fine
Chrome 37
Safari 7
DOCTYPE tested against:

____
Description:

When you Zoom the browser in chrome or safari the columns of the grid are misplaced!
Zoom it to 125% and vertical scroll to the latest column , in 5.0.0.970 looks pretty bad with 5.0.1 looks a little bit better but still its not perfect
Steps to reproduce the problem:

Open the fiddle https://fiddle.sencha.com/#fiddle/bde
Zoom to 125% and vertical scroll to the latest column
The result that was expected:

No misplaced columns when you zoom to 125%
The result that occurs instead:

Columns lines are misplaced in relation to column headers

Gary Schlosberg
8 Oct 2014, 2:37 PM
ExtJS doesn't support browser zoom. Apparently some browsers report incorrect values making sizes difficult to calculate at best.