Options
All
  • Public
  • Public/Protected
  • All
Menu

A menu for displaying completions.

Hierarchy

Index

Constructors

constructor

  • Parameters

    • editor: Editor

      The editor for which to create this menu.

    • document: Document

      The DOM document for which to make this context menu.

    • x: number

      Position of the menu. The context menu may ignore this position if the menu would appear off-screen.

    • y: number

      Position of the menu.

    • prefix: string

      The prefix. This is the data which is currently present in the document and that has to be completed.

    • items: string[]

      An array of possible completions.

    • Optional dismissCallback: DismissCallback

      Function to call when the menu is dismissed.

    Returns CompletionMenu

Properties

Protected $menu

$menu: JQuery

The jQuery equivalent of menu.

Protected $toggle

$toggle: JQuery

The jQuery equivalent of toggle.

Private _focused

_focused: boolean = false

Protected backdrop

backdrop: Element

Private boundCompletionKeydownHandler

boundCompletionKeydownHandler: KeydownHandler

Private completionItems

completionItems: string[]

Private completionPrefix

completionPrefix: string

Protected dismissed

dismissed: boolean

Protected dropdown

dropdown: HTMLElement

Private editor

editor: Editor

Protected menu

menu: HTMLElement

The Element that contains the list of menu items. This Element is an HTML list. It is created at construction of the object and deleted only when the object is destroyed. This is what the ContextMenu.render method should populate.

Protected toggle

toggle: HTMLElement

The toggle element of the dropdown menu. Even though it is not shown for our menus, it is necessary, and plays a role in how the menu works.

Accessors

focused

  • get focused(): boolean

Methods

dismiss

  • dismiss(): void

Protected display

  • display(items: Element[]): void

Private globalKeydownHandler

  • globalKeydownHandler(_wedEv: Event, ev: JQueryEventObject): boolean

handleToggleFocus

  • handleToggleFocus(): void
  • Event handler for focus events on the toggle. Bootstrap focuses the toggle when the dropdown is shown. This can cause problems on some platforms if the dropdown is meant to have a descendant focused. (IE in particular grants focus asynchronously.) This method can be used to focus the proper element.

    Returns void

render

  • render(): void

Generated using TypeDoc