No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search
    1. Home
    2. Greg
    G
    • Profile
    • Following 0
    • Followers 0
    • Topics 2
    • Posts 9
    • Best 1
    • Groups 0

    Greg

    @Greg

    1
    Reputation
    317
    Profile views
    9
    Posts
    0
    Followers
    0
    Following
    Joined Last Online

    Greg Follow

    Best posts made by Greg

    • RE: q-drawer-link with dynamic routes

      Hello 🙂
      Resolved by using path and exact directives.

      <q-drawer-link v-for=“cat in getUserCategorieList” icon=“pages” :to="{ path: ‘/showcat/’ + cat.code, exact: true }">
      {{ cat.nom }}
      </q-drawer-link>

      posted in Help
      G
      Greg

    Latest posts made by Greg

    • RE: Bug : q-input send focus event before blur in Quasar v1.6.1 [resolved]

      Bug closed.

      Dan Popescu say :

      This happens because a timeout is required to check if the blur event in QField and derived components will not be followed by a refocus on the same component.
      If you need to have the exact order of events, but with possible duplicated events then you can listen on @focusin and @focusout.

      Example here: https://codepen.io/pdanpdan/pen/YzPaZPm

      posted in Help
      G
      Greg
    • RE: Bug : q-input send focus event before blur in Quasar v1.6.1 [resolved]

      Bug submited today : https://github.com/quasarframework/quasar/issues/6034

      Codepen : https://codepen.io/ggregg/pen/ExaENLy

      posted in Help
      G
      Greg
    • RE: Bug : q-input send focus event before blur in Quasar v1.6.1 [resolved]

      @metalsadman
      Unfortunately no, I just created a blank project with this code and there is the same problem with all browsers.

      Adding @mousedown.prevent to my other widgets doesn’t seem like a good idea.

      I am only alerting to this problem, if there is no solution i will use addeventlistener on the underlying input 😃 .

      posted in Help
      G
      Greg
    • Bug : q-input send focus event before blur in Quasar v1.6.1 [resolved]

      When i leave q-input A to q-input B, “focus B” event is throwed before “blur A” 😱 !

      To reproduce :

      <template>
        <section>
          <div>
            <h1>Bad</h1>
            <q-input @focus="onFocus('A')" @blur="onBlur('A')" label="A" />
            <q-input @focus="onFocus('B')" @blur="onBlur('B')" label="B" />
          </div>
          <div>
            <h1>Good</h1>
            <input @focus="onFocus('A')" @blur="onBlur('A')" placeholder="A" />
            <input @focus="onFocus('B')" @blur="onBlur('B')" placeholder="B" />
          </div>
        </section>
      </template>
      
      <script>
      export default {
        methods: {
          onFocus (e) {
            console.log(`focus ${e}`)
          },
          onBlur (e) {
            console.log(`blur ${e}`)
          }
        }
      }
      </script>
      

      Thanks for Help 🙂

      posted in Help
      G
      Greg
    • [v1.0.0.beta.15]QSelect open on focus ?

      Is it possible to open QSelect options on focus or by using a method ?
      Thank 🙂

      posted in Framework
      G
      Greg
    • RE: How to debug in chrome console?

      If it could help,

      For well debuging in chrome or visual studio code on mac osx,
      I have to replace devtool param in webpack.dev.conf.js
      #cheap-module-eval-source-map by #eval-source-map

      Like this :
      module.exports = merge(baseWebpackConfig, {
      // eval-source-map is faster for development
      devtool: ‘#eval-source-map’, // ‘#cheap-module-eval-source-map’,
      …
      }

      Hope 🙂

      posted in Framework
      G
      Greg
    • RE: q-drawer-link with dynamic routes

      Hello 🙂
      Resolved by using path and exact directives.

      <q-drawer-link v-for=“cat in getUserCategorieList” icon=“pages” :to="{ path: ‘/showcat/’ + cat.code, exact: true }">
      {{ cat.nom }}
      </q-drawer-link>

      posted in Help
      G
      Greg
    • RE: q-drawer-link with dynamic routes

      Hello 🙂

      I relatively same problem with named route like this.

      <q-drawer-link v-for=“cat in getUserCategorieList” icon=“pages” :to="{ name: ‘showcat’, params: { code: cat.code } }">
      {{ cat.nom }}
      </q-drawer-link>

      routes: [{
              path: '/demarrage',
              component: load('demarrage'),
              name: 'demarrage'
          },
          {
              path: '/profil',
              component: load('profil'),
              name: 'profil'
          },
          {
              path: '/',
              component: load('Index'),
              children: [{
                      path: '/accueil/',
                      component: load('accueil'),
                      name: 'accueil'
                  },
                  {
                      path: '/showcat/:code',
                      component: load('listcat'),
                      name: 'showcat',
                      props: true
                  },
                  {
                      path: '*',
                      redirect: { name: 'accueil' }
                  }
              ]
          },
          // Default
          { path: '*', component: load('Error404') } // Not found
      ]
      

      })

      In my case, links and router works fine but all q-drawer-link are selected 😞

      Thank for help.

      posted in Help
      G
      Greg
    • RE: Trying to use codova wraper

      It would be really great if you could just develop in cordova browser mode.
      For the moment, the only solution I found is to manually add the tag <script type=“text/javascript” src=“cordova.js”></script> to use this mode.

      posted in Help
      G
      Greg