[inputFormatter]="formatDisplayString"
(click)="onClick($event)"
(blur)="onBlur()"
+ container="body"
(selectItem)="selectorChanged($event)"
#instance="ngbTypeahead"/>
<div class="d-flex flex-column icons" (click)="openMe($event)">
</div>
<br/><br/>
+
<div>
<h4>Cross-tab communications example</h4>
<p>To test, open this sandbox in a second browser tab. Enter something in the input box below, then switch to the other tab and click anywhere on the page.
message received: {{sbChannelText}}
</div>
</div>
+<br/><br/>
+
+<ngb-accordion>
+ <ngb-panel title="Open me for comboboxes">
+ <ng-template ngbPanelContent>
+ <eg-org-select></eg-org-select>
+ <eg-combobox>
+ <eg-combobox-entry entryId="bib" entryLabel="Bibliographic Records"
+ i18n-entryLabel></eg-combobox-entry>
+ <eg-combobox-entry entryId="auth" entryLabel="Authority Records"
+ i18n-entryLabel></eg-combobox-entry>
+ <eg-combobox-entry entryId="bib-acq" entryLabel="Acquisitions Records"
+ i18n-entryLabel></eg-combobox-entry>
+ </eg-combobox>
+ </ng-template>
+ </ngb-panel>
+</ngb-accordion>
<!-- grid stuff -->
<ng-template #cellTmpl let-row="row" let-col="col" let-userContext="userContext">
#eg-print-container pre {border: none}
}
+/**
+ * Make sure that comboboxes (including org select
+ * are visible, even in nested modals.
+ *
+ * See https://github.com/ng-bootstrap/ng-bootstrap/issues/2505
+ * for the upstream issue that necessitates this.
+ */
+body>.dropdown-menu {z-index: 2100;}