Options
All
  • Public
  • Public/Protected
  • All
Menu

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

Index

Constructors

constructor

Properties

$backdrop

$backdrop: undefined | JQuery<HTMLElement>

appElement

appElement: HTMLDivElement

drawerAvailableMediaQuery

drawerAvailableMediaQuery: MediaQueryList

focusTrap

focusTrap: FocusTrap

resizeHandler

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

Type declaration

    • (e: any): void
    • 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.

      internal

      Parameters

      • e: any

      Returns void

Methods

hide

  • hide(): void

isOpen

  • isOpen(): boolean

show

  • show(): void

Generated using TypeDoc version 0.22.10