VaForm:Focus Invalid

Unable to find an accessible element with the role "textbox" and name ""

Here are the accessible roles:

  group:

  Name "":
  <fieldset
    class="va-input-wrapper__size-keeper"
  />

  Name "":
  <fieldset
    class="va-input-wrapper__size-keeper"
  />

  Name "":
  <fieldset
    class="va-input-wrapper__size-keeper"
  />

  --------------------------------------------------
  textbox:

  Name "$t:inputField":
  <input
    aria-disabled="false"
    aria-errormessage=""
    aria-invalid="false"
    aria-label="$t:inputField"
    aria-readonly="false"
    aria-required="false"
    class="va-input__content__input"
    inputmode="text"
    placeholder=""
    tabindex="0"
    type="text"
  />

  Name "$t:inputField":
  <input
    aria-disabled="false"
    aria-errormessage=""
    aria-invalid="true"
    aria-label="$t:inputField"
    aria-readonly="false"
    aria-required="false"
    class="va-input__content__input"
    inputmode="text"
    placeholder=""
    tabindex="0"
    type="text"
  />

  Name "$t:inputField":
  <input
    aria-disabled="false"
    aria-errormessage=""
    aria-invalid="true"
    aria-label="$t:inputField"
    aria-readonly="false"
    aria-required="false"
    class="va-input__content__input"
    inputmode="text"
    placeholder=""
    tabindex="0"
    type="text"
  />

  --------------------------------------------------button:

  Name "Focus invalid":
  <button
    aria-disabled="false"
    class="va-button va-button--normal"
    style="border-color: transparent; color: rgb(255, 255, 255); background: transparent; --05fb8901:#154EC1; --5a3a13ca:1; --bee1f316:transparent; --34c6529d:0;"
    tabindex="0"
    type="button"
  />

  --------------------------------------------------

Ignored nodes: comments, script, style
<div
  data-v-app=""
  id="storybook-root"
>
  
  <div
    class="va-form"
  >
    
    <div
      class="va-input-wrapper va-input undefined"
      style="--a6062ec6:#ffffff00; --0b97e00e:#154EC1; --7f94ece1:currentColor;"
    >
      
      
      <fieldset
        class="va-input-wrapper__size-keeper"
      >
        <div
          class="va-input-wrapper__container"
        >
          <div
            class="va-input-wrapper__field"
          >
            <div
              class="va-input-wrapper__text"
            >
              
              <input
                aria-disabled="false"
                aria-errormessage=""
                aria-invalid="false"
                aria-label="$t:inputField"
                aria-readonly="false"
                aria-required="false"
                class="va-input__content__input"
                inputmode="text"
                placeholder=""
                tabindex="0"
                type="text"
              />
              
            </div>
            
            
          </div>
        </div>
      </fieldset>
      
      
      
      
    </div>
    <div
      class="va-input-wrapper va-input-wrapper--error va-input undefined"
      style="--a6062ec6:#ffffff00; --0b97e00e:#154EC1; --7f94ece1:currentColor;"
    >
      
      
      <fieldset
        class="va-input-wrapper__size-keeper"
      >
        <div
          class="va-input-wrapper__container"
        >
          <div
            class="va-input-wrapper__field"
          >
            <div
              class="va-input-wrapper__text"
            >
              
              <input
                aria-disabled="false"
                aria-errormessage=""
                aria-invalid="true"
                aria-label="$t:inputField"
                aria-readonly="false"
                aria-required="false"
                class="va-input__content__input"
                inputmode="text"
                placeholder=""
                tabindex="0"
                type="text"
              />
              
            </div>
            <i
              aria-hidden="true"
              class="va-icon material-icons va-input-wrapper__icon va-input-wrapper__icon--error"
              notranslate=""
              style="color: var(--va-danger); font-size: 16px; height: 16px; line-height: 16px;"
            >
              
              
              warning
              
              
            </i>
            
            
          </div>
        </div>
      </fieldset>
      
      
      
      
    </div>
    <div
      class="va-input-wrapper va-input-wrapper--error va-input undefined"
      style="--a6062ec6:#ffffff00; --0b97e00e:#154EC1; --7f94ece1:currentColor;"
    >
      
      
      <fieldset
        class="va-input-wrapper__size-keeper"
      >
        <div
          class="va-input-wrapper__container"
        >
          <div
            class="va-input-wrapper__field"
          >
            <div
              class="va-input-wrapper__text"
            >
              
              <input
                aria-disabled="false"
                aria-errormessage=""
                aria-invalid="true"
                aria-label="$t:inputField"
                aria-readonly="false"
                aria-required="false"
                class="va-input__content__input"
                inputmode="text"
                placeholder=""
                tabindex="0"
                type="text"
              />
              
            </div>
            <i
              aria-hidden="true"
              class="va-icon material-icons va-input-wrapper__icon va-input-wrapper__icon--error"
              notranslate=""
              style="color: var(--va-danger); font-size: 16px; height: 16px; line-height: 16px;"
            >
              
              
              warning
              
              
            </i>
            
            
          </div>
        </div>
      </fieldset>
      
      
      
      
    </div>
    
  </div>
  <button
    aria-disabled="false"
    class="va-button va-button--normal"
    style="border-color: transparent; color: rgb(255, 255, 255); background: transparent; --05fb8901:#154EC1; --5a3a13ca:1; --bee1f316:transparent; --34c6529d:0;"
    tabindex="0"
    type="button"
  >
    <span
      class="va-button__content"
    >
      
      
      
       Focus invalid 
      
      
      
    </span>
  </button>
  
</div>

Chrome 105

1168x72

Linux Linux Ubuntu 20.04.4

e75161 on develop