Merge pull request #15378 from atom/as-fix-cropped-fonts

Drop use of GPU tiles for lines and line numbers

src/text-editor-component.js

@@ -3184,15 +3184,12 @@ class LineNumberGutterComponent {
         children[i] = $.div({
           key: rootComponent.idsByTileStartRow.get(tileStartRow),
           style: {
-            contain: 'strict',
-            overflow: 'hidden',
+            contain: 'layout style',
             position: 'absolute',
             top: 0,
-            height: ceilToPhysicalPixelBoundary(tileHeight) + 'px',
-            width: ceilToPhysicalPixelBoundary(width) + 'px',
-            willChange: 'transform',
-            transform: `translateY(${roundToPhysicalPixelBoundary(tileTop)}px)`,
-            backgroundColor: 'inherit'
+            height: tileHeight + 'px',
+            width: width + 'px',
+            transform: `translateY(${tileTop}px)`
           }
         }, ...tileChildren)
       }
@@ -3563,13 +3560,11 @@ class LinesTileComponent {
     return $.div(
       {
         style: {
-          contain: 'strict',
+          contain: 'layout style',
           position: 'absolute',
-          height: ceilToPhysicalPixelBoundary(height) + 'px',
-          width: ceilToPhysicalPixelBoundary(width) + 'px',
-          willChange: 'transform',
-          transform: `translateY(${roundToPhysicalPixelBoundary(top)}px)`,
-          backgroundColor: 'inherit'
+          height: height + 'px',
+          width: width + 'px',
+          transform: `translateY(${top}px)`
         }
       },
       $.div({

static/text-editor.less

@@ -86,7 +86,6 @@ atom-text-editor {
 
   .line {
     white-space: pre;
-    overflow: hidden;
     contain: layout;
 
     &.cursor-line .fold-marker::after {