Class Drawer

The Drawer class controls the page's drawer. The drawer is the area the slides out from the left on mobile devices; it contains the header and the footer.

Hierarchy

  • Drawer

Constructors

constructor

Properties

$backdrop appElement drawerAvailableMediaQuery focusTrap resizeHandler

Methods

hide isOpen show

Constructors

constructor

Properties

$backdrop

$backdrop: undefined | JQuery<HTMLElement>

appElement

appElement: HTMLDivElement

Internal drawerAvailableMediaQuery

drawerAvailableMediaQuery: MediaQueryList

focusTrap

focusTrap: FocusTrap

resizeHandler

resizeHandler: ((e) => void) = ...

Type declaration

    • (e): void
    • Internal

      Handler for the resize event on window.

      This is used to close the drawer when the viewport is widened past the phone size. At this point, the drawer turns into the standard header that we see on desktop, but the drawer is still registered as 'open' internally.

      This causes issues with the focus trap, resulting in focus becoming trapped within the header on desktop viewports.

      Parameters

      • e: any

      Returns void

Methods

hide

isOpen

show

Settings

Member Visibility

Theme

On This Page

Generated using TypeDoc v0.24.8