-
Bug
-
Resolution: Cannot Reproduce
-
Minor
-
None
-
4.3.5
-
None
-
MOODLE_403_STABLE
We are using the following snippet to force a user to fullscreen:
if (!self.isInFullscreenMode()) {
|
const docelem = window.document.documentElement;
|
if (docelem.webkitRequestFullscreen) {
|
await docelem.webkitRequestFullscreen();
|
} else if (docelem.mozRequestFullScreen) {
|
await docelem.mozRequestFullScreen();
|
} else if (docelem.requestFullscreen) {
|
await docelem.requestFullscreen();
|
}
|
}
|
However, it looks like the following code is getting attached to window.document.documentElement after we go fullscreen.
/**
|
* Add a backdrop to the page.
|
*
|
* @returns {Promise} rendering of modal backdrop.
|
* @private
|
*/
|
const getBackdrop = () => {
|
if (!backdropPromise) {
|
backdropPromise = Templates.render('core/modal_backdrop', {})
|
.then(html => new ModalBackdrop(html))
|
.then(modalBackdrop => {
|
const drawerZindex = getDrawerZIndex();
|
if (drawerZindex) {
|
modalBackdrop.setZIndex(getDrawerZIndex() - 1);
|
}
|
modalBackdrop.getAttachmentPoint().get(0).addEventListener('click', e => {
|
e.preventDefault();
|
Drawers.closeAllDrawers();
|
});
|
return modalBackdrop;
|
})
|
.catch();
|
}
|
return backdropPromise;
|
};
|
Focus is left on the last drawer tab and all other click events are stopped.
I don't believe this is the intended behaviour behaviour.
