title: CSS issue when combining "transform" and grid cell border in google chrome v69
body: <p>I’ve encounter a strange css behavior when using Chrome Version 69.0.3497.100 (Official Build) (64-bit), that does not occur on Edge and on older version of Chrome Version 68.0.3440.106 (Official Build) (64-bit).</p>
  
  <p>When defining a grid in html with either of the following properties in css:</p>
  
  <pre class="lang-css prettyprint-override"><code>-webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  </code></pre>
  
  
  
  <p>The color of the vertical lines, defined by border-left on the row cell, of the grid is being overridden.</p>
  
  <p>See jsfiddle link attached for example. </p>
  
  <p>full grid css:
  <a href="https://jsfiddle.net/6ys9q780/" rel="nofollow noreferrer">https://jsfiddle.net/6ys9q780/</a></p>
  
  <p>minimized the problem to show the issue:
  <a href="https://jsfiddle.net/mrfuq5c9/" rel="nofollow noreferrer">https://jsfiddle.net/mrfuq5c9/</a></p>
  
  <p>is this a bug of chrome or am I doing something wrong?</p>
  
  <p>thanks for your help.</p>
  
  <pre class="lang-css prettyprint-override"><code>.uiGrid {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); 
  }
  
  .uiGrid.uiGridView.uiGridRow &gt; td {
    border-left: 10px solid blue;
    padding-left: 4px; 
  }
  </code></pre>