Test and then fix focus when module state changes

Includes tests for this.
This commit is contained in:
Tom Byers
2019-07-09 10:02:18 +01:00
parent c11c054323
commit 551f7b91f4
2 changed files with 55 additions and 25 deletions

View File

@@ -57,11 +57,8 @@
`)
};
let focusSelected = function() {
setTimeout(
() => $('[type=radio]:checked').next('label').blur().trigger('focus').addClass('selected'),
50
);
let focusSelected = function(component) {
$('[type=radio]:checked', component).focus();
};
Modules.RadioSelect = function() {
@@ -96,7 +93,7 @@
),
'name': name
});
focusSelected();
focusSelected(component);
};
const trackMouseup = (event) => {
const parentNode = event.target.parentNode;
@@ -124,7 +121,7 @@
),
'name': name
});
focusSelected();
focusSelected(component);
})
.on('mousedown', '.js-option', function(event) {
@@ -164,13 +161,14 @@
reset();
}
focusSelected();
focusSelected(component);
})
.on('click', '.js-reset-button', function(event) {
event.preventDefault();
reset();
focusSelected(component);
});