Taiga UI 5.0 is out!

DropdownOpen CORE

Examples API GitHub

On this page

See also

Dropdown, DropdownSelection, DropdownHover, DropdownContext

DropdownOpen is a composite dropdown directive, similar to manual dropdown, but it also takes care of opening and closing on its own.

If an element is a textfield ( input or textarea ), arrow down press opens a dropdown. The next press focuses the first item from the list.

If it is not a textfield, click opens and closes a dropdown. By default directive is applied to the first focusable element inside. If you want another element to be the host, use #tuiDropdownHost reference.

Use tuiDropdownAuto selector with no binding if you do not want to track open state

Menu

With custom host

With link

Complex example

Custom positioning