Fix display issue when using "grouped" select lists

This commit is contained in:
Ken Sternberg 2023-12-21 14:03:08 -08:00
parent 610b0a09bb
commit 235debdd3a
1 changed files with 2 additions and 1 deletions

View File

@ -120,6 +120,7 @@ export class SearchSelect<T> extends CustomEmitterElement(AKElement) {
this.observer.observe(this); this.observer.observe(this);
this.dropdownUID = `dropdown-${randomString(10, ascii_letters + digits)}`; this.dropdownUID = `dropdown-${randomString(10, ascii_letters + digits)}`;
this.onMenuItemClick = this.onMenuItemClick.bind(this); this.onMenuItemClick = this.onMenuItemClick.bind(this);
this.renderWithMenuGroupTitle = this.renderWithMenuGroupTitle.bind(this);
} }
toForm(): unknown { toForm(): unknown {
@ -295,7 +296,7 @@ export class SearchSelect<T> extends CustomEmitterElement(AKElement) {
> >
${this.blankable ? this.renderEmptyMenuItem() : html``} ${this.blankable ? this.renderEmptyMenuItem() : html``}
${shouldRenderGroups ${shouldRenderGroups
? html`groupedItems.map(this.renderWithMenuGroupTitle)` ? html`${groupedItems.map(this.renderWithMenuGroupTitle)}`
: html`${this.renderMenuGroup(groupedItems[0][1], 0)}`} : html`${this.renderMenuGroup(groupedItems[0][1], 0)}`}
</ul> </ul>
</div>`, </div>`,