GWT - Celltable image flickering on Chrome -
we have custom implementation of celltable in there custom column render label , image. part of hovering on table row, call table.redrawrow(rownum) render context menu.
however, doing that, cause text , image column re-render image (make server call fetch image). causes flickering effect. happens in chrome (version using - chrome27)
the table row looks this:
<tr __gwt_row="0" __gwt_subrow="0" class="gah0tqlmkd"> <td class="gah0tqlkkd gah0tqlnkd gah0tqlokd"> <div style="outline-style:none;" __gwt_cell="cell-gwt-uid-65" tabindex="0"> <div style="border-collapse: separate; border-spacing:0"> <div style="display:table-cell;vertical-align:middle"> <img src="icon.png" alt="" style="vertical-align:middle; border: 0;width:16px;height:16px; "> </div> <div class="gah0tqlmjd" style="display:table-cell"><a href="javascript:;"><b>contiki</b></a></div> </div> </div> </td> <td class="gah0tqlkkd gah0tqlnkd"> <div style="outline-style:none;" __gwt_cell="cell-gwt-uid-66">travels</div> </td> <td class="gah0tqlkkd gah0tqlnkd"> <div style="outline-style:none;" __gwt_cell="cell-gwt-uid-67">blah</div> </td> <td class="gah0tqlkkd gah0tqlnkd"> <div style="outline-style:none;" __gwt_cell="cell-gwt-uid-68">blah</div> </td> <td class="gah0tqlkkd gah0tqlnkd"> <div style="outline-style:none;" __gwt_cell="cell-gwt-uid-69">2013-07-10</div> </td> <td class="gah0tqlkkd gah0tqlnkd"> <div style="outline-style:none;" __gwt_cell="cell-gwt-uid-70">5</div> </td> <td class="gah0tqlkkd gah0tqlnkd"> <div style="outline-style:none;" __gwt_cell="cell-gwt-uid-71">07/10/2013 01:53 am</div> </td> <td class="gah0tqlkkd gah0tqlnkd gah0tqlild gah0tqldad" align="right"> <div style="outline-style:none;" __gwt_cell="cell-gwt-uid-72"> <div class="gah0tqlfad"> <div style="width:64px; height:17px"></div> </div> </div> </td> </tr>
i don't see flickering on firefox or ie9.
note: cache-control headers set no-cache.
any thoughts? ideas?
if ask browser not cache image, , ask draw image, it'll re-download it.
so either change caching strategy image, and/or strategy updating table (using redrawrow
during hover display new seems suboptimal; cells should rather listen mouse events , update dom dynamically)
Comments
Post a Comment