Fix ARP audio stuttering on scroll.

Author: looshi2

css/index.scss

@@ -62,6 +62,12 @@ footer {
   background-color: #353744;
   color: white;
   left: calc(50% - 510px);
+  /*
+    This Fixes a bad issue in Chrome when scrolling.
+    The fixed position keyboard  has to be re-rendered completely on scroll
+    which causes notice-able stuttering in audio playback when ARP is on.
+  */
+  transform: translate3d(0, 0, 0);
 }
 
 

src/App.js

@@ -88,18 +88,18 @@ class App extends React.Component {
             <Keyboard
               eventEmitter={eventEmitter}
               Keyboard={this.props.Keyboard} />
-
-            <Synth
-              store={this.props.store}
-              eventEmitter={eventEmitter}
-              audioContext={audioContext}
-              Master={this.props.Master}
-              Filter={this.props.Filter}
-              Effects={this.props.Effects}
-              Amp={this.props.Amp}
-              Oscillators={this.props.Oscillators}
-              LFOs={this.props.LFOs} />
           </footer>
+
+          <Synth
+            store={this.props.store}
+            eventEmitter={eventEmitter}
+            audioContext={audioContext}
+            Master={this.props.Master}
+            Filter={this.props.Filter}
+            Effects={this.props.Effects}
+            Amp={this.props.Amp}
+            Oscillators={this.props.Oscillators}
+            LFOs={this.props.LFOs} />
         </div>
       </div>
     )