tracker issue : CF-3864168

select a category, or use search below
(searches all categories and all time range)
Title:

[ANeff] Bug for: [Regression] cfgrid cell images cropped on initial page load

| View in Tracker

Status/Resolution/Reason: Closed/Won't Fix/Workaround

Reporter/Name(from Bugbase): Aaron Neff / Aaron Neff (Aaron Neff)

Created: 12/08/2014

Components: AJAX

Versions: 11.0

Failure Type:

Found In Build/Fixed In Build: CF11_Final /

Priority/Frequency: Major / Some users will encounter

Locale/System: ALL / Platforms All

Vote Count: 0

<cfgrid> crops cell images on initial page load (didn't occur in CF10)

Repro:

1) Uncomment grid 1, and see image is cropped in Firefox, Chrome and Safari but displays fully in IE
2) Reload the page in Firefox, Chrome and Safari, and see image displays fully
3) Comment-out grid 1 and uncomment grid 2, and see image is cropped in Firefox and Safari but displays fully in IE and Chrome
4) Reload the page in Firefox and Safari, and see image displays fully

Note: Attached to ticket is CF.PNG to use in this repro.

index.cfm
---------
<cfform>
  <cfinput name="one" value="one">
  <cfinput name="two" value="two">
  <cfgrid name="grid1" format="html" selectmode="edit" bind="cfc:MyCFC.getGridData({cfgridpage},{cfgridpagesize},{cfgridsortcolumn},{cfgridsortdirection})" onChange="cfc:MyCFC.setGridData({cfgridaction},{cfgridrow},{cfgridchanged})">
    <cfgridcolumn name="myColumn">
  </cfgrid>
</cfform>
<!---<cfform>
  <cfgrid name="grid2" format="html">
    <cfgridcolumn name="myColumn">
    <cfgridrow data="<img src='https://tracker.adobe.com/api/search/./CF.png' />">
  </cfgrid>
</cfform>--->

MyCFC.cfc
---------
component {
  remote function getGridData(gridPage, gridPageSize, gridSortColumn, gridSortDirection) {
	  var q = queryNew("myColumn", "varchar", [["<img src='https://tracker.adobe.com/api/search/./CF.png' />"]]);
	  return queryConvertForGrid(q, ARGUMENTS.gridPage, ARGUMENTS.gridPageSize);
  }
  remote function setGridData(gridAction, gridRow, gridChanged) {}
}

----------------------------- Additional Watson Details -----------------------------

Watson Bug ID:	3864168

External Customer Info:
External Company:  
External Customer Name: itisdesign
External Customer Email:

Attachments:

  1. December 08, 2014 00:00:00: 1_CF.PNG

Comments:

In grid 1 the image is cropped in Chrome v39 and FireFox v34.0.5 and not cropped in IE11. In Chrome the the image is cropped even after page reload. On FF, the image is cropped on first load, but displayed in full after page is reloaded. In grid 2 the image is displayed in full in all cases in all the 3 browsers. If there are multiple image rows, Chrome displays the first row only, and that too cropped, even after reload. Browser debugger reports no error. verified on standaone CF 11,0,03,292470 / Win 7x64 In CF10 u14 all 3 rows are displayed in full. for multiple rows use the cfc below: component { remote function getGridData(gridPage, gridPageSize, gridSortColumn, gridSortDirection) { q = queryNew("myColumn", "varchar", [["<img src='https://tracker.adobe.com/api/search/./CF.png' />"],["<img src='https://tracker.adobe.com/api/search/./CF.png' />"],["<img src='https://tracker.adobe.com/api/search/./CF.png' />"]]); //q = queryNew("myColumn", "varchar", [["r1"],["r2"],["r3"]]); return queryConvertForGrid(q, ARGUMENTS.gridPage, ARGUMENTS.gridPageSize); } remote function setGridData(gridAction, gridRow, gridChanged) {} }
Comment by Piyush K.
9607 | December 09, 2014 01:30:04 AM GMT
Hi Piyush, Thank you for confirming! Regarding "In grid 2 the image is displayed in full in all cases in all the 3 browsers.": For me, grid 2 actually crops the images on the following (until page reload) in CF11 Update 3: Firefox v34.0.5 Chrome v39.0.2171.71 m Safari for Windows v5.1.7 (latest supported version on Windows - I can also check Safari on iOS) Thanks!, -Aaron
Comment by External U.
9608 | December 09, 2014 02:06:08 AM GMT
I see this ticket is now Open/ToTest/NeverFix. It needs to be fixed.
Comment by External U.
9609 | September 23, 2015 01:15:27 PM GMT
Hi Adobe, Please disregard my last comment. I forgot the simple workaround is to change: <img src="./CF.png"> to <img src="./CF.png" style="width:80px; height:80px;"> Specifying the image dimensions fixes the issue, and thus I agree that fixing this ticket is NotWorthTheEffort :) Thanks!, -Aaron
Comment by External U.
9610 | September 23, 2015 07:48:16 PM GMT