Listbox examples: Prevent default arrow key scroll only when moving focus in listbox (pull #1294)

Resolves #1249 by changing up and down arrow key handling in listbox.
With this change, default scroll behavior is only prevented if focus is actually moved.
This allows the up/down arrow keys to scroll the listbox to its upper and lower bounds.

Co-authored-by: Matt King <[email protected]>

Author: smhigley

examples/listbox/js/listbox.js

@@ -110,7 +110,6 @@ aria.Listbox.prototype.checkKeyPress = function (evt) {
       break;
     case aria.KeyCode.UP:
     case aria.KeyCode.DOWN:
-      evt.preventDefault();
 
       if (!this.activeDescendant) {
         // focus first option if no option was previously focused, and perform no other actions
@@ -119,6 +118,7 @@ aria.Listbox.prototype.checkKeyPress = function (evt) {
       }
 
       if (this.moveUpDownEnabled && evt.altKey) {
+        evt.preventDefault();
         if (key === aria.KeyCode.UP) {
           this.moveUpItems();
         }
@@ -137,6 +137,7 @@ aria.Listbox.prototype.checkKeyPress = function (evt) {
 
       if (nextItem) {
         this.focusItem(nextItem);
+        evt.preventDefault();
       }
 
       break;