Copy link to clipboard
Copied
I've found an odd quirk in cfgrids (CF11 U14) when viewed through Chrome (Version 67.0.3396.87 (Official Build) (64-bit))
When zoom is set to 100%, the following cfgrid behaves as expected. It display 10 records in the 310px high area and can scroll all the way to the last record.
<cfgrid name="testGrid" title="Test Grid" format="html" pageSize="1000" height="310" width="500"
selectOnLoad="false" stripeRows="true" preservepageonsort="true" bind="...query..." >
<cfgridcolumn name="var1" header="Var 1" width="100" />
<cfgridcolumn name="var2" header="Var 2" width="290" />
<cfgridcolumn name="var3" header="Var 3" width="60" />
<cfgridcolumn name="var4" header="Var 4" width="50" />
<cfgridcolumn name="var5" display="false" />
</cfgrid>
However, if Chrome is zoomed to less than 100% or is 110%, it appears the vertical scroll bar can't be moved to view all records. But on second glance, we see that a horizontal scroll bar appears. Scrolling this all the way to the right reveals a second vertical scroll bar that can reach all records.. The behavior is reproducible by changing the zoom and clicking the refresh button of the cfgrid.
Has anyone else seen this? Does anyone have any suggestions on how to fix it?
Have something to add?