profile
viewpoint
Allan Gaunt webnoob AG Development Services

quasarframework/quasar 16930

Quasar Framework - Build high-performance VueJS user interfaces in record time

quasarframework/app-extension-typescript 46

Add TypeScript to your existing Quasar 1.0 JS project

quasarframework/quasar-ui-qribbon 27

A Ribbon component for Quasar Framework v1.0

webnoob/quasar-ts-jest-nestjs-apollojs-prisma2 17

End to end repo testing all core components in this stack

quasarframework/rfcs 15

RFCs for Quasar Framework

webnoob/app-extension-qautomate 9

Automate various tasks in Quasar

webnoob/quasar-bex-demo 5

Quasar BEX Mode Demo App

tauri-apps/tauri-forage 4

Currified localForage with a side of extras.

webnoob/app-extension-cookie-notification 4

A Quasar extension to add a cookie notification

webnoob/quin-bex 4

Quasar Update Notifier Browser Extension

issue commentquasarframework/quasar

Icons are activating/deactivating synchronously when having multiple QEditors with :toolbar props

I thought of saving the last status, but it becomes strange when the model is changed from outside. I think it's fair to consider the toolbar should show no status when the editor is not active.

rickxu0423

comment created time in 2 minutes

PR opened quasarframework/quasar

fix(QEditor): caret.is only checks status when editor has caret inside; improve focus/scroll #8044

can be improved with moving the focus/blur events in focusin/focusout

+78 -9

0 comment

3 changed files

pr created time in 5 minutes

issue commentquasarframework/quasar

Icons are activating/deactivating synchronously when having multiple QEditors with :toolbar props

A last focused approach would be good.

rickxu0423

comment created time in 18 minutes

issue commentquasarframework/quasar

SSR dev mode js and fonts path bug

Here is my quasar.conf.js

/*
 * This file runs in a Node context (it's NOT transpiled by Babel), so use only
 * the ES6 features that are supported by your Node version. https://node.green/
 */

// Configuration for your app
// https://quasar.dev/quasar-cli/quasar-conf-js
/* eslint-env node */

module.exports = function (/* ctx */) {
  return {
    // https://quasar.dev/quasar-cli/supporting-ts
    supportTS: false,

    // https://quasar.dev/quasar-cli/prefetch-feature
    // preFetch: true,

    // app boot file (/src/boot)
    // --> boot files are part of "main.js"
    // https://quasar.dev/quasar-cli/boot-files
    boot: [

    ],

    // https://quasar.dev/quasar-cli/quasar-conf-js#Property%3A-css
    css: [
      'app.sass'
    ],

    // https://github.com/quasarframework/quasar/tree/dev/extras
    extras: [
      // 'ionicons-v4',
      // 'mdi-v5',
      // 'fontawesome-v5',
      // 'eva-icons',
      // 'themify',
      // 'line-awesome',
      // 'roboto-font-latin-ext', // this or either 'roboto-font', NEVER both!

      'roboto-font', // optional, you are not bound to it
      'material-icons' // optional, you are not bound to it
    ],

    // Full list of options: https://quasar.dev/quasar-cli/quasar-conf-js#Property%3A-build
    build: {
      vueRouterMode: 'hash', // available values: 'hash', 'history'

      // transpile: false,

      // Add dependencies for transpiling with Babel (Array of string/regex)
      // (from node_modules, which are by default not transpiled).
      // Applies only if "transpile" is set to true.
      // transpileDependencies: [],

      // rtl: false, // https://quasar.dev/options/rtl-support
      // preloadChunks: true,
      // showProgress: false,
      // gzip: true,
      // analyze: true,

      // Options below are automatically set depending on the env, set them if you want to override
      // extractCSS: false,

      // https://quasar.dev/quasar-cli/handling-webpack
      extendWebpack (cfg) {
        cfg.module.rules.push({
          enforce: 'pre',
          test: /\.(js|vue)$/,
          loader: 'eslint-loader',
          exclude: /node_modules/
        })
      }
    },

    // Full list of options: https://quasar.dev/quasar-cli/quasar-conf-js#Property%3A-devServer
    devServer: {
      https: false,
      port: 443,
      open: false // opens browser window automatically
    },

    // https://quasar.dev/quasar-cli/quasar-conf-js#Property%3A-framework
    framework: {
      iconSet: 'material-icons', // Quasar icon set
      lang: 'en-us', // Quasar language pack
      config: {},

      // Possible values for "importStrategy":
      // * 'auto' - (DEFAULT) Auto-import needed Quasar components & directives
      // * 'all'  - Manually specify what to import
      importStrategy: 'auto',

      // For special cases outside of where "auto" importStrategy can have an impact
      // (like functional components as one of the examples),
      // you can manually specify Quasar components/directives to be available everywhere:
      //
      // components: [],
      // directives: [],

      // Quasar plugins
      plugins: []
    },

    // animations: 'all', // --- includes all animations
    // https://quasar.dev/options/animations
    animations: [],

    // https://quasar.dev/quasar-cli/developing-ssr/configuring-ssr
    ssr: {
      pwa: false
    },

    // https://quasar.dev/quasar-cli/developing-pwa/configuring-pwa
    pwa: {
      workboxPluginMode: 'GenerateSW', // 'GenerateSW' or 'InjectManifest'
      workboxOptions: {}, // only for GenerateSW
      manifest: {
        name: 'Quasar App',
        short_name: 'Quasar App',
        description: 'A Quasar Framework app',
        display: 'standalone',
        orientation: 'portrait',
        background_color: '#ffffff',
        theme_color: '#027be3',
        icons: [
          {
            src: 'icons/icon-128x128.png',
            sizes: '128x128',
            type: 'image/png'
          },
          {
            src: 'icons/icon-192x192.png',
            sizes: '192x192',
            type: 'image/png'
          },
          {
            src: 'icons/icon-256x256.png',
            sizes: '256x256',
            type: 'image/png'
          },
          {
            src: 'icons/icon-384x384.png',
            sizes: '384x384',
            type: 'image/png'
          },
          {
            src: 'icons/icon-512x512.png',
            sizes: '512x512',
            type: 'image/png'
          }
        ]
      }
    },

    // Full list of options: https://quasar.dev/quasar-cli/developing-cordova-apps/configuring-cordova
    cordova: {
      // noIosLegacyBuildFlag: true, // uncomment only if you know what you are doing
    },

    // Full list of options: https://quasar.dev/quasar-cli/developing-capacitor-apps/configuring-capacitor
    capacitor: {
      hideSplashscreen: true
    },

    // Full list of options: https://quasar.dev/quasar-cli/developing-electron-apps/configuring-electron
    electron: {
      bundler: 'packager', // 'packager' or 'builder'

      packager: {
        // https://github.com/electron-userland/electron-packager/blob/master/docs/api.md#options

        // OS X / Mac App Store
        // appBundleId: '',
        // appCategoryType: '',
        // osxSign: '',
        // protocol: 'myapp://path',

        // Windows only
        // win32metadata: { ... }
      },

      builder: {
        // https://www.electron.build/configuration/configuration

        appId: 'account'
      },

      // More info: https://quasar.dev/quasar-cli/developing-electron-apps/node-integration
      nodeIntegration: true,

      extendWebpack (/* cfg */) {
        // do something with Electron main process Webpack cfg
        // chainWebpack also available besides this extendWebpack
      }
    }
  }
}
nevadavid

comment created time in an hour

IssuesEvent

issue commentquasarframework/quasar

Icons are activating/deactivating synchronously when having multiple QEditors with :toolbar props

This is not really fixing the broblem, just hiding it and breaking the indicators in all cases. Needs more consideration.

rickxu0423

comment created time in 3 hours

issue commentquasarframework/quasar

QPageContainer paddingBottom calc incorrect in mobile!!!

Thank you for your answer, I have solved this problem! @hawkeye64

ghf1990525

comment created time in 6 hours

pull request commentquasarframework/quasar

fix(icongenie): Deprecated media feature (fix #8118)

A quick follow-up. Just want to be sure that we are on the same page. Have you tested the PWA with only the tag corresponding to your device's size? The fact that the format is obsolete doesn't makes me confident that iOS is compliant with the newer w3c specs..

Blfrg

comment created time in 8 hours

push eventquasarframework/quasar

Razvan Stoenescu

commit sha fb73926e58519af62ba4bb3c0688eb3d594ebd5e

fix(QCircularProgress): safari does not support negative strokeDashOffset #7997 (#8126)

view details

push time in 8 hours

push eventquasarframework/quasar

Razvan Stoenescu

commit sha 5c7b5f298d8216d51646b461653e49493daaa599

fix(QCircularProgress): safari does not support negative strokeDashOffset #7997 (#8126)

view details

push time in 8 hours

push eventquasarframework/quasar

Razvan Stoenescu

commit sha ef33af582ad2fa334d0f004ebac4fd234dca9697

fix(ui): spinner's prop declaration (type and default); & more compact code

view details

push time in 8 hours

issue closedquasarframework/quasar

QCircularProgress's foreground and background colors are inverted in Safari when reverse prop is true

Describe the bug QCircularProgress's foreground and background colors are inverted in Safari when reverse prop is true

To Reproduce

  1. Go to https://quasar.dev/vue-components/circular-progress with Safari and Chrome
  2. Scroll down to reverse example
  3. Compare the colors

closed time in 9 hours

pawee

issue commentquasarframework/quasar

QCircularProgress's foreground and background colors are inverted in Safari when reverse prop is true

Fix will be available in Quasar v1.14.6.

pawee

comment created time in 9 hours

pull request commentquasarframework/quasar

fix(QCircularProgress): safari does not support negative strokeDashOffset #7997

Pls port to vue3-work.

pdanpdan

comment created time in 9 hours

push eventquasarframework/quasar

Popescu Dan

commit sha 479fef4ef33ce5da8dfcb53572775291126129cd

fix(QCircularProgress): safari does not support negative strokeDashOffset #7997 (#8126) * fix(QCircularProgress): safari does not support negative strokeDashOffset #7997 * Update QCircularProgress.js Co-authored-by: Razvan Stoenescu <razvan.stoenescu@gmail.com>

view details

push time in 9 hours

issue closedquasarframework/quasar

UMD minimized release with a QSelect triggers an exception: invalid assignment to const 'f'

Describe the bug When using the UMD minized release of Quasar 1.14.5, the following exception is triggered:

Uncaught TypeError: invalid assignment to const 'f'
    __setVirtualScrollSliceRange https://cdn.jsdelivr.net/npm/quasar@1.14.5/dist/quasar.umd.modern.min.js:6
    __setVirtualScrollSliceRange https://cdn.jsdelivr.net/npm/quasar@1.14.5/dist/quasar.umd.modern.min.js:6
    __onVirtualScrollEvt https://cdn.jsdelivr.net/npm/quasar@1.14.5/dist/quasar.umd.modern.min.js:6
    s https://cdn.jsdelivr.net/npm/quasar@1.14.5/dist/quasar.umd.modern.min.js:6
    setTimeout handler*o https://cdn.jsdelivr.net/npm/quasar@1.14.5/dist/quasar.umd.modern.min.js:6
    __resetVirtualScroll https://cdn.jsdelivr.net/npm/quasar@1.14.5/dist/quasar.umd.modern.min.js:6
    __updateMenu https://cdn.jsdelivr.net/npm/quasar@1.14.5/dist/quasar.umd.modern.min.js:6
    menu https://cdn.jsdelivr.net/npm/quasar@1.14.5/dist/quasar.umd.modern.min.js:6
    VueJS 4
quasar.umd.modern.min.js:6:332393

The exception is not triggered when the not minimized one is used.

To Reproduce Use of the following code:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">

    <title>Sandbox</title>
    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons" rel="stylesheet" type="text/css">
    <link href="https://cdn.jsdelivr.net/npm/quasar@1.14.5/dist/quasar.min.css" rel="stylesheet" type="text/css">
</head>
<body>
  <script src="https://cdn.jsdelivr.net/npm/vue@^2.0.0/dist/vue.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/quasar@1.14.5/dist/quasar.umd.modern.min.js"></script>
  <div id='root'>
    <q-select v-model="model" :options="options" label="Standard"></q-select>
  </div>
  <script>
    new Vue({
      el: '#root',
      data: function () {
        return {
          model: null,
          options: [
            'Google', 'Facebook', 'Twitter', 'Apple', 'Oracle'
          ],
        }
      }
    })
</script>
</body>
</html>

System

  • Quasar UMD minified: 1.14.5
  • Vue 2.6.12
  • Firefox 83.0 and Chrome 86.0.4240.75 (64 bits)

Additional context Thanks for the amazing library!

closed time in 9 hours

lemmel

issue commentquasarframework/quasar

UMD minimized release with a QSelect triggers an exception: invalid assignment to const 'f'

Fix will be available in Quasar v1.14.6. Nice work on the fix.

lemmel

comment created time in 9 hours

push eventquasarframework/quasar

Jeff Galbraith

commit sha f776109553489289ac714bc36116ca2b7f63475b

fix(ui): UMD minimized release with a QSelect triggers an exception: invalid assignment to const 'f' (#8113) (#8129)

view details

push time in 9 hours

PR merged quasarframework/quasar

fix(ui): UMD minimized release with a QSelect triggers an exception: invalid assignment to const 'f' (#8113)

Please read the comments to this issue to see how resolution was achieved.

+2 -3

0 comment

1 changed file

hawkeye64

pr closed time in 9 hours

issue closedquasarframework/quasar

Icons are activating/deactivating synchronously when having multiple QEditors with :toolbar props

Describe the bug If we have multiple QEditors with :toolbar props (eg: :toolbar="[['bold', 'italic', 'underline']]"), the icons of those QEditors will activate/deactivate synchronously when we change only one of them (ie: Both the 'bold' icon of the first QEditor and the 'bold' icon of the second QEditor will become activated if we only bold the first QEditor).

Codepen/jsFiddle/Codesandbox (required) https://codepen.io/Rickxu0423/pen/wvWOYNX?editable=true&editors=101%3Dhttps%3A%2F%2Fquasar.dev%2F

To Reproduce Steps to reproduce the behavior:

  1. Go to https://codepen.io/Rickxu0423/pen/wvWOYNX?editable=true&editors=101%3Dhttps%3A%2F%2Fquasar.dev%2F
  2. Select the word 'Content1' inside the first QEditor
  3. Click on the 'bold' icon in the toolbar of the first QEditor
  4. See the 'bold icon' becoming activated in the second QEditor

Expected behavior Icon not affecting each other when we have multiple QEditors with customized toolbar in one page.

Screenshots q-editor-issue

Platform (please complete the following information): OS: Windows Node: 12.14.1 NPM: 6.13.4 Browsers: Chrome

Additional context Note: The bug does not appear with default toolbar.

closed time in 9 hours

rickxu0423

push eventquasarframework/quasar

Jeff Galbraith

commit sha 732151deff7f05c5fe177f7e89e887eb05c93c2d

fix(editor): Icons are activating/deactivating synchronously when having multiple QEditors with :toolbar props (#8044) (#8128)

view details

push time in 9 hours

push eventquasarframework/quasar

Jeff Galbraith

commit sha eee7f8f145efbd1fadc063b49c650b013a5f235c

fix(editor): Icons are activating/deactivating synchronously when having multiple QEditors with :toolbar props (#8044) (#8127)

view details

push time in 9 hours

more