render() {
    return html`
      <slot name="selection-display"></slot>
      <div id="overlay-content-node-wrapper" role="dialog" aria-label="branches and tags">
        <div class="gh-combobox">
          <div class="form-field__group-one">
            <div class="gh-section-wrapper">${this._groupOneTemplate()}</div>
          </div>
          <div class="form-field__group-two">
            <div class="gh-section-wrapper">${this._groupTwoTemplate()}</div>
            <div
              class="gh-categories"
              @click="${this.__handleCategory}"
              @keydown="${this.__handleCategory}"
            >
              <button type="button" data-category="branches" class="gh-categories__btn">
                Branches
              </button>
              <button type="button" data-category="tags" class="gh-categories__btn">Tags</button>
            </div>
            <slot name="listbox"></slot>
          </div>
        </div>
      </div>
      <slot id="options-outlet"></slot>
    `;
  }
@override LionCombobox put all content in an overlay