EDUCATIC
/
h5p-php-library
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Programmatically set focus to confirmation dialog. 

HFJ-1572
pull/18/head
Thomas Marstrander 2016-04-08 10:23:55 +02:00
parent e8adccaa02
commit 233b5e7653
2 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
js/h5p-confirmation-dialog.js
View File

@ -176,7 +176,10 @@ H5P.ConfirmationDialog = (function (EventDispatcher) {
fitToContainer(); fitToContainer();
popupBackground.classList.remove('hiding'); popupBackground.classList.remove('hiding');
popup.classList.remove('hidden'); popup.classList.remove('hidden');
cancelButton.focus();
// Programmatically focus popup
popup.setAttribute('tabindex', '-1');
popup.focus();
return this; return this;
}; };

4
styles/h5p-confirmation-dialog.css
View File

@ -25,6 +25,10 @@
transition: opacity 0.1s linear 0s, visibility 0s linear 0.1s; transition: opacity 0.1s linear 0s, visibility 0s linear 0.1s;
} }
.h5p-confirmation-dialog-popup:focus {
outline: none;
}
.h5p-confirmation-dialog-popup { .h5p-confirmation-dialog-popup {
position: absolute; position: absolute;
display: flex; display: flex;