fix some weird focus issues

1 files changed, 8 insertions, 2 deletions

diff --git a/js/ui/controls.js b/js/ui/controls.js
index 6a6c005..81a40e0 100644
--- a/js/ui/controls.js
+++ b/js/ui/controls.js
@@ -136,7 +136,7 @@ var controls = (function(){
   
   //
 
-  ShaderTool = Tool.extend({
+  var ShaderTool = Tool.extend({
   	active: false,
     use: function(state){
     	this.active = typeof state == "boolean" ? state : ! this.active
@@ -148,7 +148,11 @@ var controls = (function(){
 				shader_rapper.style.display = "none"
 			}
     },
-  })  
+    done: function(){
+      this.use(false)
+      console.log("shader done")
+    }
+  })
   controls.shader = new ShaderTool (shader_el)
   shader_textarea.value = demo_shader.innerHTML
   shader_textarea.addEventListener("input", function(){
@@ -159,6 +163,8 @@ var controls = (function(){
   controls.animate.use = function(state){
     var state = shader.toggle()
     this.update(state)
+    controls.shader.focus()
+    controls.shader.use(true)
   }
   
   controls.experimental_palette = new HiddenCheckbox (experimental_palette_toggle)