Seen on Matt's screenshare.
When a new search is sent, the page is loading and the filter box has 2-3 white boxes (in seemingly random places) covering up parts of the UI.
#1 Updated by Matt Jones over 7 years ago
- Description updated (diff)
- File Screen Shot 2015-06-18 at 1.35.38 PM.png Screen Shot 2015-06-18 at 1.35.38 PM.png added
- File Screen Shot 2015-06-18 at 1.34.52 PM.png Screen Shot 2015-06-18 at 1.34.52 PM.png added
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.
#2 Updated by Matt Jones over 7 years ago
#4 Updated by Lauren Walker over 7 years ago
- translation missing: en.field_remaining_hours set to 0.0
- Status changed from New to Resolved
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.
We tested on Peter's retina macbook and 4k monitor and the white boxes were not displaying.
I found the answer from here: http://blog.getpostman.com/2015/01/23/ui-repaint-issue-on-chrome/