🎨

src/gutter-component-helpers.coffee

@@ -19,6 +19,10 @@ module.exports =
       domNode.style.height = newState.scrollHeight + 'px'
       oldState.scrollHeight = newState.scrollHeight
 
+    if newState.scrollTop isnt oldState.scrollTop
+      domNode.style['-webkit-transform'] = "translate3d(0px, #{-newState.scrollTop}px, 0px)"
+      oldState.scrollTop = newState.scrollTop
+
     if newState.backgroundColor isnt oldState.backgroundColor
       domNode.style.backgroundColor = newState.backgroundColor
       oldState.backgroundColor = newState.backgroundColor

src/line-number-gutter-component.coffee

@@ -1,5 +1,3 @@
-{setDimensionsAndBackground} = require './gutter-component-helpers'
-
 TiledComponent = require './tiled-component'
 LineNumbersTileComponent = require './line-numbers-tile-component'
 WrapperDiv = document.createElement('div')
@@ -46,7 +44,13 @@ class LineNumberGutterComponent extends TiledComponent
   beforeUpdateSync: (state) ->
     @appendDummyLineNumber() unless @dummyLineNumberNode?
 
-    setDimensionsAndBackground(@oldState.styles, @newState.styles, @lineNumbersNode)
+    if @newState.styles.scrollHeight isnt @oldState.styles.scrollHeight
+      @lineNumbersNode.style.height = @newState.styles.scrollHeight + 'px'
+      @oldState.scrollHeight = @newState.scrollHeight
+
+    if @newState.styles.backgroundColor isnt @oldState.styles.backgroundColor
+      @lineNumbersNode.style.backgroundColor = @newState.styles.backgroundColor
+      @oldState.styles.backgroundColor = @newState.styles.backgroundColor
 
     if @newState.maxLineNumberDigits isnt @oldState.maxLineNumberDigits
       @updateDummyLineNumber()