added hover state to buttons on focus/blur with keyboard, phetsims/su…

…n#323
phetsims · Mar 28, 2018 · 50d0425 · 50d0425
1 parent bfc5ef5
commit 50d0425
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 0 deletions.
diff --git a/js/JoistButton.js b/js/JoistButton.js
@@ -94,6 +94,12 @@ define( function( require ) {
     this.addAccessibleInputListener( {
       click: function() {
         self.buttonModel.a11yClick( options.a11yEndListener );
+      },
+      focus: function() {
+        self.buttonModel.overProperty.value = true;
+      },
+      blur: function() {
+        self.buttonModel.overProperty.value = false;
       }
     } );
 

diff --git a/js/NavigationBarScreenButton.js b/js/NavigationBarScreenButton.js
@@ -108,6 +108,12 @@ define( function( require ) {
     this.addAccessibleInputListener( {
       click: function() {
         self.buttonModel.a11yClick();
+      },
+      focus: function() {
+        self.buttonModel.overProperty.value = true;
+      },
+      blur: function() {
+        self.buttonModel.overProperty.value = false;
       }
     } );
 

diff --git a/js/ScreenButton.js b/js/ScreenButton.js
@@ -117,6 +117,14 @@ define( function( require ) {
     this.addInputListener( { down: downListener } );
     this.addAccessibleInputListener( { click: function() { large && downListener(); } } );
     this.addAccessibleInputListener( { focus: function() { !large && downListener(); } } );
+    this.addAccessibleInputListener( {
+      focus: function() {
+        highlightedScreenIndexProperty.value = index;
+      },
+      blur: function() {
+        highlightedScreenIndexProperty.value = -1;
+      }
+    } );
 
     // Set highlight listeners to the small screen button
     if ( !large ) {