CodingPirates/blockly
1
0
Fork 0
mirror of https://github.com/google/blockly.git synced 2026-01-09 10:00:09 +01:00
Code Issues Packages Projects Releases Wiki Activity

Do a DFS to find the first available input field or button when the user presses the Enter key.

Browse Source
This commit is contained in:
Sean Lip
2016-08-02 16:43:27 -07:00
parent caccf3fcf7
commit baf8bc49fd
1 changed files with 21 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
accessible/tree.service.js
View File

@@ -259,13 +259,27 @@ blocklyApp.TreeService = ng.core
if (e.keyCode == 13) {
// Enter key. The user wants to interact with a button or an input
// field.
var currentChild = activeDesc;
while (currentChild.children.length) {
currentChild = currentChild.children[0];
if (currentChild.tagName == 'BUTTON') {
currentChild.click();
} else if (currentChild.tagName == 'INPUT') {
currentChild.focus();
// Algorithm to find the field: do a DFS through the children until
// we find an INPUT or BUTTON element (in which case we use it).
// Truncate the search at child LI elements.
var dfsStack = Array.from(activeDesc.children);
while (dfsStack.length) {
var currentNode = dfsStack.shift();
if (currentNode.tagName == 'BUTTON') {
currentNode.click();
break;
} else if (currentNode.tagName == 'INPUT') {
currentNode.focus();
break;
} else if (currentNode.tagName == 'LI') {
continue;
}
if (currentNode.children) {
var reversedChildren = Array.from(currentNode.children).reverse();
reversedChildren.forEach(function(childNode) {
dfsStack.unshift(childNode);
});
}
}
} else if (e.keyCode == 9) {