https://projects.ecoinformatics.org/ecoinfo/https://projects.ecoinformatics.org/ecoinfo/ecoinfo/favicon.ico?14691340362015-06-18T21:42:03ZEcoinformatics RedmineMetacatUI - Task #6775: Filter list shows whited-out boxes on high resolution displayshttps://projects.ecoinformatics.org/ecoinfo/issues/6775?journal_id=221252015-06-18T21:42:03ZMatt Jonesjones@nceas.ucsb.edu
<ul><li><strong>File</strong> <a href="/ecoinfo/attachments/508">Screen Shot 2015-06-18 at 1.34.52 PM.png</a> <a class="icon-only icon-download" title="Download" href="/ecoinfo/attachments/download/508/Screen%20Shot%202015-06-18%20at%201.34.52%20PM.png">Screen Shot 2015-06-18 at 1.34.52 PM.png</a> added</li><li><strong>File</strong> <a href="/ecoinfo/attachments/509">Screen Shot 2015-06-18 at 1.35.38 PM.png</a> <a class="icon-only icon-download" title="Download" href="/ecoinfo/attachments/download/509/Screen%20Shot%202015-06-18%20at%201.35.38%20PM.png">Screen Shot 2015-06-18 at 1.35.38 PM.png</a> added</li><li><strong>Description</strong> updated (<a title="View differences" href="/ecoinfo/journals/22125/diff?detail_id=2082">diff</a>)</li></ul><p>This appears to be a browser rendering issue, and it is still occurring using Chrome Version 43.0.2357.81 (64-bit) on Mac OS X 10.10.3. What I've found is if I load the search page, some of the filter panes don't render beyond a white panel -- see attached screenshot. If I open a new tab, then close it, the repaint of the original screen causes everything to show up fine -- so it appears to be some sort of repaint/refresh issue. See second screenshot, in which I didn't do a reload or anything, just opened and closed another tab.</p> MetacatUI - Task #6775: Filter list shows whited-out boxes on high resolution displayshttps://projects.ecoinformatics.org/ecoinfo/issues/6775?journal_id=221272015-06-18T22:15:28ZMatt Jonesjones@nceas.ucsb.edu
<ul><li><strong>File</strong> <a href="/ecoinfo/attachments/510">Screen Shot 2015-06-18 at 2.10.39 PM.png</a> <a class="icon-only icon-download" title="Download" href="/ecoinfo/attachments/download/510/Screen%20Shot%202015-06-18%20at%202.10.39%20PM.png">Screen Shot 2015-06-18 at 2.10.39 PM.png</a> added</li></ul><p>Just tried it again to see if there were Javascript errors, and found that a different part of the filter pane showed white rendering issues -- attached another screenshot showing that. No Javascript errors were in the console. Also, when I reload the page, I can see the whole filter pane render (like the list of MNs, and other details), which is then covered up by the white regions. So it seems like a graphics issue. I'm not sure the description of this being a slower connection is right, as my connection speed is quite good and is currently showing a 22Mb/s rate.</p> MetacatUI - Task #6775: Filter list shows whited-out boxes on high resolution displayshttps://projects.ecoinformatics.org/ecoinfo/issues/6775?journal_id=221302015-06-19T22:17:00ZLauren Walkerwalker@nceas.ucsb.edu
<ul><li><strong>Subject</strong> changed from <i>Filter list shows whited-out boxes on slower connections</i> to <i>Filter list shows whited-out boxes on high resolution displays</i></li></ul> MetacatUI - Task #6775: Filter list shows whited-out boxes on high resolution displayshttps://projects.ecoinformatics.org/ecoinfo/issues/6775?journal_id=221392015-06-24T21:46:44ZLauren Walkerwalker@nceas.ucsb.edu
<ul><li><strong>Status</strong> changed from <i>New</i> to <i>Resolved</i></li><li><strong>translation missing: en.field_remaining_hours</strong> set to <i>0.0</i></li></ul><p>This issue was happening in Chrome on only high resolution displays. It was happening in elements (particularly the sidebar in map mode) that had an overflow:scroll or overflow:overlay CSS rule. The solution is to force the browser to use hardware-accelerated CSS on that element by adding a webkit-transform: translate3d(0,0,0); to the CSS for all elements with the overflow:scroll or overflow:overlay.</p>
<p>We tested on Peter's retina macbook and 4k monitor and the white boxes were not displaying.</p>
<p>I found the answer from here: <a class="external" href="http://blog.getpostman.com/2015/01/23/ui-repaint-issue-on-chrome/">http://blog.getpostman.com/2015/01/23/ui-repaint-issue-on-chrome/</a></p> MetacatUI - Task #6775: Filter list shows whited-out boxes on high resolution displayshttps://projects.ecoinformatics.org/ecoinfo/issues/6775?journal_id=223502015-10-08T16:12:06ZLauren Walkerwalker@nceas.ucsb.edu
<ul><li><strong>Status</strong> changed from <i>Resolved</i> to <i>In Progress</i></li><li><strong>Estimated time</strong> set to <i>0.00 h</i></li></ul><p>This seems to happening again in the search result list</p> MetacatUI - Task #6775: Filter list shows whited-out boxes on high resolution displayshttps://projects.ecoinformatics.org/ecoinfo/issues/6775?journal_id=226752016-02-08T21:08:20ZLauren Walkerwalker@nceas.ucsb.edu
<ul><li><strong>Status</strong> changed from <i>In Progress</i> to <i>Resolved</i></li></ul>