Touch toolbar fades in and out as input is activated/deactivated. This fixes a bug whereby the toolbar was visible while the user was in CSS editing mode, and interacting with it caused unpredictable changes in program state.

Technically, the toolbar can be used while input is deactivated and the toolbar is in the process of fading out. If this is a problem, we can either fix the bug or just have the toolbar instantly show/hide.

Author: toolness

src/touch-toolbar.js

@@ -45,6 +45,8 @@
       });
 
       toolbar.appendTo(document.body);
+      input.on('activate', function() { toolbar.fadeIn(); });
+      input.on('deactivate', function() { toolbar.fadeOut(); });
 
       return {
         unload: function() {