q-dialogue persistent still does not disable background clicks

[rajkishanav]

<q-dialog v-model=“otpDialgoue” persistent transition-show=“scale” transition-hide=“scale”>
<q-card style=“min-width: 400px”>
<q-card-section>
<div class=“text-h6”>Enter one time password received in sms</div>
</q-card-section>

    <q-card-section>
      <q-input dense v-model="otp" autofocus type="tel" >
        <template v-slot:prepend>
          <q-icon name="fas fa-lock"/>
        </template>
      </q-input>
    </q-card-section>

    <q-card-actions align="right" class="text-primary">
      <q-btn flat label="Cancel" v-close-popup />
      <q-btn flat label="Confirm" v-close-popup />
    </q-card-actions>
  </q-card>
</q-dialog>

[metalsadman]

@rajkishanav make a reproduction codepen pls, the one in docs example works https://quasar.dev/vue-components/dialog#Example--Persistent.