q-input pasting login data via password manager on iOS only fills one field with data

[madLinux7]

So im currently writing an web-based app with quasar for my company where you first need to authenticate yourself with your username and password credentials. We use Bitwarden as our password manager so some guys may use it to login to this app in the future and paste their information directly into the .
Sadly, this only works fine on Android (I use Android 11 on a Xiaomi Device).
When performed on an iPhone 8 with latest updates - tapping on either the username or password q-input field and then pasting in your info with the Bitwarden "overlay" - this only correctly fills out the current selected one and just "overpaints" the other one with a small offset - when tapping on the other field it gets blank again.
E.G. you start by tapping on the password field, then let Bitwarden perform it's task and the password will be there.. but the username only as long as you don't select the field itself - then the offset from the textbox is gone and with it the disired information - it never really got pasted in there.

Example Screenshot

Here is the code this login mask is built of:

<div v-if="showInstanceLogin" class="q-ma-md" style="text-align-last: center; color: black">
      <q-input
        v-model="instanceUser"
        rounded
        :label="$t('user')"
        standout="bg-white text-black"
        color="black"
        input-class="text-black"
        style="color: black; width: 100%; align-items: center; text-align: center !important;"
      >
        <template v-slot:append>
          <q-icon
            name="quatsch"
            class="cursor-pointer"
          />
        </template>
      </q-input>
      <q-input
        v-model="instancePassword"
        rounded
        :type="hidePw ? 'password' : 'text'"
        :label="$t('password')"
        standout="bg-white text-black"
        input-class="text-black"
        style="width: 100%; padding-top: 3%">
          <template v-slot:append>
            <q-icon
              :name="hidePw ? 'fad fa-eye-slash' : 'fad fa-eye'"
              color="grey-8"
              class="cursor-pointer"
              @click="hidePw = !hidePw"
              />
          </template>
      </q-input>
      <div class="items-center text-center" style="padding-top: 3%">
        <q-btn
          rounded
          style="background: #004994; color: white; width: 100%; margin-top: 7%; height: 56px"
          icon="fad fa-sign-in-alt"
          class="text-lowercase"
          @click="InstanceLogin"
        />
      </div>
   </div>

I hope some of you guys can help me out since it would be real practically for us and our clients. Thanks in advance for your time!!