If you create a default Quasar project and add

:breakpoint="1000"

to the q-drawer element, the drawer actually (dis)appears at a width of 983px instead.

I’m just learning Quasar and taking a course, and the instructor supposed it might be connected to the scrollbar detection.

Any ideas?

I’m running Quasar as a Vue plugin. My vue.config.js currenly looks as follows:

module.exports = {
  pluginOptions: {
    quasar: {
      importStrategy: 'kebab',
      rtlSupport: false
    },
    webpackBundleAnalyzer: {
      openAnalyzer: true
    }
  },
  transpileDependencies: [
    'quasar'
  ],
  pwa: {
     [...]
    }
  }
}

The site works fine, but all Quasar components are imported, not just the ones I use. On the other hand, if I replace

importStrategy: 'kebab'

with

all: 'auto'

the site breaks; many components (e.g. QLayout, QList etc.) that are used aren’t included.

I couldn’t find any documentation on the matter. Although the docs do have autoand all as possible values for importStrategy, if I try importStrategy: auto, I get an error:

Incorrect setting for quasar > importStrategy (auto)
Use one of: 'kebab', 'pascal', 'combined', 'manual'.

This probably has something to do with v1.1.2 and issue #5098, but I’ve read through those and still can’t understand what the correct solution is.

To add to the confusion, I also have the following in src/quasar.js:

Vue.use(Quasar, {
  config: {
  },
  importStrategy: 'auto',
  components: { /* not needed if importStrategy is not 'manual' */ },
  directives: { /* not needed if importStrategy is not 'manual' */ },
  plugins: [
    Cookies,
    Notify
  ],
  lang: lang
})

So – where do I set the import strategy, and how do I do it properly?

Thanks!

Stupid me. The doc explicitly says:

If your content also has images, you might want to add draggable=“false” to them, otherwise the native browser behavior might interfere in a negative way.

I have implemented Touch Swipe on a q-page element, which works fine. However, if the element contains an image, then swiping doesn’t work if the movement starts on the image; when using a mouse, the image is dragged instead. If I use @dragstart.prevent on the image, the dragging stops, but swiping still doesn’t work.

Any ideas?

If you create a default Quasar project and add

:breakpoint="1000"

to the q-drawer element, the drawer actually (dis)appears at a width of 983px instead.

I’m just learning Quasar and taking a course, and the instructor supposed it might be connected to the scrollbar detection.

Any ideas?