jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-25 18:26:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Prevent document scroll when modal drawer is open (#16033)

Browse Source
This commit is contained in:
Bram Kragten 2023-04-03 14:59:31 +02:00 committed by GitHub
parent d9b0d5765a
commit d7b8823234
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/ha-drawer.ts
View File

@ -3,8 +3,26 @@ import { styles } from "@material/mwc-drawer/mwc-drawer.css";
import { css } from "lit"; import { css } from "lit";
import { customElement } from "lit/decorators"; import { customElement } from "lit/decorators";
const blockingElements = (document as any).$blockingElements;
@customElement("ha-drawer") @customElement("ha-drawer")
export class HaDrawer extends DrawerBase { export class HaDrawer extends DrawerBase {
protected createAdapter() {
return {
...super.createAdapter(),
trapFocus: () => {
blockingElements.push(this);
this.appContent.inert = true;
document.body.style.overflow = "hidden";
},
releaseFocus: () => {
blockingElements.remove(this);
this.appContent.inert = false;
document.body.style.overflow = "";
},
};
}
static override styles = [ static override styles = [
styles, styles,
css` css`