@angular/aria/combobox

ComboboxDialog

directive

Integrates a native <dialog> element with the combobox, allowing for a modal or non-modal popup experience. It handles the opening and closing of the dialog based on the combobox's expanded state.

API

    
      class ComboboxDialog {  readonly element: HTMLElement;  readonly combobox: Combobox<any>;  close(): void;}

element

HTMLElement

A reference to the dialog element.

combobox

Combobox<any>

The combobox that the dialog belongs to.

close

void

@returnsvoid

Description

Integrates a native <dialog> element with the combobox, allowing for a modal or non-modal popup experience. It handles the opening and closing of the dialog based on the combobox's expanded state.

<ng-template ngComboboxPopupContainer>  <dialog ngComboboxDialog class="example-dialog">    <!-- ... dialog content ... -->  </dialog></ng-template>