@beets

<template>
  <q-page class="q-pa-md">
    <q-header elevated class="bg-yellow">
      <q-toolbar>
        <q-btn flat round dense icon="arrow_back_ios" text-color="grey" class="q-mr-sm" @click="$router.go(-1)"/>
        <q-toolbar-title class="text-grey text-center text-bold">Options</q-toolbar-title>
        <q-btn flat round/>
      </q-toolbar>
    </q-header>
    <h6 class="text-bold text-grey">{{surah.name_simple}}</h6>
    <q-list bordered separator class="surah-list">
        <q-item clickable v-ripple @click="$router.push({ name: 'select-aya-from', params: { surah: surah } })">
          <q-item-section>
            <q-item-label>Aya from</q-item-label>
          </q-item-section>
        </q-item>
        <q-item clickable v-ripple @click="$router.push({ name: 'select-aya-to', params: { surah: surah } })">
          <q-item-section>
            <q-item-label>Aya to</q-item-label>
          </q-item-section>
        </q-item>
    </q-list>
  </q-page>
</template>

The q-header is inside the q-page.
One thing to note is that it only happens if I’m using keep-alive on router-view and only when you navigate back to the page which has the q-header.
The problem doesn’t occur on the first page load but if you navigate away and then back, you will see that they q-page is underneath q-header.

@dobbel Hi, Sorry for the late replay.
I have done everything you asked but I’m still not having any luck.

I can’t open the app through my phone when SPA mode as well.

I tried another phone but the same problem.

@qwedia Have you found a solution to this issue? I’m having the same problem.

@dobbel
Still getting the same error.

@dobbel

I can ping it.

I have been trying everything but I can’t seem to find a way to resolve this issue.
I have turned off my firewall and also antivirus but not luck.