Flarum (2.x)
    Preparing search index...

    The SelectDropdown component is the same as a Dropdown, except the toggle button's label is set as the label of the first child which has a truthy active prop.

    Type Parameters

    Hierarchy (View Summary)

    Index

    Constructors

    Properties

    The attributes passed into the component.

    closeWatcher?: CloseWatcher
    element: Element

    The root DOM element for the component.

    showing: boolean = false
    state: undefined

    Class component state that is persisted between redraws.

    Updating this will not automatically trigger a redraw, unlike other frameworks.

    This is different to Vnode state, which is always an instance of your class component.

    This is undefined by default.

    Methods

    • Returns a jQuery object for this component's element. If you pass in a selector string, this method will return a jQuery object, using the current element as its buffer.

      For example, calling component.$('li') will return a jQuery object containing all of the li elements inside the DOM element of this component.

      Parameters

      • Optionalselector: string

        a jQuery-compatible selector string

      Returns JQuery

      the jQuery object for the DOM node

    • Which option is in effect is otherwise conveyed only by a class on the item and by the toggle button borrowing that option's label — neither of which a screen reader announces while moving through the menu.

      aria-current rather than aria-selected: the latter is only valid on roles this menu does not claim, and claiming them would mean implementing the whole listbox keyboard contract. Unselected items are left without the attribute rather than given "false", since only one item can be current and the absence says as much.

      Parameters

      • items: Vnode<any, any>[]

      Returns Vnode<any, any>