Tabs:Reorderable With Menu

This story threw an error after it finished rendering which means interactions may not have been executed fully.

Error: Unable to find role="menu"

Ignored nodes: comments, script, style
<div
  id="storybook-root"
>
  <div
    class="t1qus5ra tzsuqk4 tdwg465"
    data-font-display="auto"
    data-tasty="3.3.1"
    data-uikit="0.168.0"
    id="cube-ui-kit-root"
    style="--pointer: pointer;"
  >
    <div
      class="tnp3p36 tp3unhd"
      data-vertical=""
    >
      <p
        class="t1qus5ra tzsun74 tedikbi tvzcrb9"
        data-qa="Paragraph"
      >
        Tabs can be reordered, duplicated, and deleted. Menu actions work alongside drag-and-drop.
      </p>
      <div
        class="tmllnpe t169joy tpbvlpj thr03jz"
        data-deletable=""
        data-has-panels=""
        data-placement="top"
        data-qa="Tabs"
        data-type="file"
        style="--scrollbar-h-left: 0px; --scrollbar-h-width: 0px;"
      >
        <div
          data-element="Bar"
        >
          <div
            data-element="ScrollWrapper"
          >
            <div
              data-element="Scroll"
            >
              <div
                aria-label="Tabs"
                aria-orientation="horizontal"
                data-collection="react-aria4615652001-«r0»"
                data-element="TabList"
                id="react-aria4615652001-«r3»"
                role="tablist"
              >
                <div
                  aria-describedby="react-aria-description-0"
                  class="tlqe1m0 t16tndpo t17azbmd t1jnwtbd tnfy5m6 t199r7t4"
                  data-active=""
                  data-auto-hide-actions=""
                  data-deletable=""
                  data-draggable=""
                  data-focused=""
                  data-hovered=""
                  data-placement="top"
                  data-size="medium"
                  data-type="file"
                  draggable="true"
                  style="--actions-width: 30px;"
                >
                  <button
                    aria-controls="react-aria4615652001-«r1»-tabpanel-tab1"
                    aria-haspopup="menu"
                    aria-selected="true"
                    class="tl6e8zw tssijxt t10tlk52 t1yy3iza t1nkccp9 tdlsyyt trd6vso t1hssgv3"
                    data-active=""
                    data-auto-hide-actions=""
                    data-collection="react-aria4615652001-«r0»"
                    data-deletable=""
                    data-description="none"
                    data-draggable=""
                    data-focused=""
                    data-has-actions=""
                    data-has-end-content=""
                    data-has-label=""
                    data-hovered=""
                    data-key="tab1"
                    data-placement="top"
                    data-preserve-actions-space=""
                    data-qa="Tab-tab1"
                    data-react-aria-pressable="true"
                    data-selected=""
                    data-shape="sharp"
                    data-size="medium"
                    data-theme="default"
                    data-type="file"
                    id="react-aria4615652001-«r1»-tab-tab1"
                    role="tab"
                    tabindex="0"
                  >
                    <div
                      data-element="Label"
                    >
                      <span
                        class="temcxfm t12livog t12vr0j8 t1dthv56 t108rpl7 tdlsyyt t1do0d8d t10vsjhh"
                        data-editable=""
                        data-qa="InlineInput"
                        style="--input-width: auto;"
                      >
                        <span
                          data-element="Display"
                        >
                          Document 1
                        </span>
                      </span>
                    </div>
                    <div
                      data-element="Actions"
                    />
                  </button>
                  <div
                    data-element="Actions"
                  >
                    <button
                      aria-expanded="false"
                      aria-haspopup="true"
                      class="t6roax6 t9f2go3 tyus8 t14a6v3d t9iyiaw t1hg60b7 t1tvpq6 t1dp114j"
                      data-context=""
                      data-has-icon=""
                      data-popover-trigger="true"
                      data-qa="ItemAction"
                      data-react-aria-pressable="true"
                      data-theme="current"
                      data-type="clear"
                      id="react-aria4615652001-«r6»"
                      tabindex="-1"
                      type="button"
                    >
                      <div
                        data-element="Icon"
                      >
                        <span
                          aria-hidden="true"
                          class="t1kfsv3 t4sw4i5 t1dubzfl t6sqepu tsalwcn t1gbwho7 tuwj5oj"
                          data-qa="MoreIcon"
                        >
                          <svg
                            class="tabler-icon tabler-icon-dots-vertical "
                            fill="none"
                            height="24"
                            stroke="currentColor"
                            stroke-linecap="round"
                            stroke-linejoin="round"
                            stroke-width="2"
                            viewBox="0 0 24 24"
                            width="24"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <path
                              d="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"
                            />
                            <path
                              d="M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"
                            />
                            <path
                              d="M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"
                            />
                          </svg>
                        </span>
                      </div>
                    </button>
                  </div>
                </div>
                <div
                  aria-describedby="react-aria-description-0"
                  class="tlqe1m0 t16tndpo t17azbmd t1jnwtbd tnfy5m6 t199r7t4"
                  data-auto-hide-actions=""
                  data-deletable=""
                  data-draggable=""
                  data-placement="top"
                  data-size="medium"
                  data-type="file"
                  draggable="true"
                  style="--actions-width: 30px;"
                >
                  <button
                    aria-haspopup="menu"
                    aria-selected="false"
                    class="tl6e8zw tssijxt t10tlk52 t1yy3iza t1nkccp9 tdlsyyt trd6vso t1hssgv3"
                    data-auto-hide-actions=""
                    data-collection="react-aria4615652001-«r0»"
                    data-deletable=""
                    data-description="none"
                    data-d...
    at Object.Tm [as waitFor] (https://626ee6db91d1c8004a912249-vlrrdemvmu.capture-loopback.chromatic.com/assets/iframe-3bctFqtb.js:129:3293)
    at Fj.invoke (https://626ee6db91d1c8004a912249-vlrrdemvmu.capture-loopback.chromatic.com/assets/iframe-3bctFqtb.js:713:9407)
    at Fj.intercept (https://626ee6db91d1c8004a912249-vlrrdemvmu.capture-loopback.chromatic.com/assets/iframe-3bctFqtb.js:713:6908)
    at Fj.track (https://626ee6db91d1c8004a912249-vlrrdemvmu.capture-loopback.chromatic.com/assets/iframe-3bctFqtb.js:713:6640)
    at waitFor (https://626ee6db91d1c8004a912249-vlrrdemvmu.capture-loopback.chromatic.com/assets/iframe-3bctFqtb.js:713:5960)
    at t (https://626ee6db91d1c8004a912249-vlrrdemvmu.capture-loopback.chromatic.com/assets/interactions-D_cOXbUO.js:1:174)
    at async play (https://626ee6db91d1c8004a912249-vlrrdemvmu.capture-loopback.chromatic.com/assets/Tabs.stories-CqAuaVmD.js:1:23854)
    at async eH.runPhase (https://626ee6db91d1c8004a912249-vlrrdemvmu.capture-loopback.chromatic.com/assets/iframe-3bctFqtb.js:911:607)
    at async eH.render (https://626ee6db91d1c8004a912249-vlrrdemvmu.capture-loopback.chromatic.com/assets/iframe-3bctFqtb.js:911:3459)