This is actually on steroids man 💯

correct is
rows = this.tableData.slice(),

When I try to register an URL in the quasar play app (Using the QR code scanner) nothing happens. After pressing the butten the FAB button on the lower right just closes.

Hi while playing with you showcase demo I noticed when you do the following

Click the 'Layout' link and then the 'About Link' you get a 404 error.

I have fixed this in my local repo by making the following change in 'router.js'

Original
{
path: '/showcase/layout',
component: load('showcase/layout/layout'),
children: [
{path: '', component: load('showcase/layout/about')},
{path: 'toolbar', component: load('showcase/layout/toolbar')},
{path: 'tabs', component: load('showcase/layout/tabs')},
{path: 'drawer', component: load('showcase/layout/drawer')}
]
}

Insert this

{path: 'about', component: load('showcase/layout/about')},

Changed

{
path: '/showcase/layout',
component: load('showcase/layout/layout'),
children: [
{path: '', component: load('showcase/layout/about')},
{path: 'toolbar', component: load('showcase/layout/toolbar')},
{path: 'about', component: load('showcase/layout/about')},
{path: 'tabs', component: load('showcase/layout/tabs')},
{path: 'drawer', component: load('showcase/layout/drawer')}
]
}

I am happy to make a pull request to fix this bug, thanks

Billy

in my template:

class="toolbar no-shadow"
or
class="toolbar shadow-0"

the toolbar still has shadow, change 'no-shadow' to 'inset-shadow' take effect

See title.

Any list put into autocomplete does not show options value only shows after selection.

The situation is that usually data tables cant show all data at once, but when you scroll down you cant see the headers anymore, and cant figure out easilly which column data type you are looking at, and requires you to scroll up and down many times, the same with lateral scrolling, and usually the first column contains some kind of row identifier, (id, name, code, etc),

It would be really helpful to be able to fix the headers on top once the table content has been scrolled down, or the first or first couple of columns on the left to keep the identification columns on sight at all time.

I've searched a solution like this on other situations outside quasar, but always end being too cumbersome and hacky. I think this feature would be very helpfull.

Thank you.

QLayoutDrawer
set no-swipe-close = 'false'
error: Invalid prop: type check failed for prop "noSwipeOpen". Expected Boolean, got String.

https://quasar-framework.org/components/modal.html#Installation

When we click on ViewSource in the component guide, it is redirecting to 404 github page

I want to set width based on content length or title length.

Quasar has no webpack option. How to introduce online JS without making mistakes?

like

Software version

Quasar Play: v0.14.6
OS:
Node:
NPM:
Browsers:
iOS:
Android:
Any other software related to your bug:

What did you get as the error?

refer tittle

What were you expecting?

What steps did you take, to get the error?

in quasar-play/src/components/showcase/web-components/context-menu.vue, you have to use quasar-context-menu and not q-context-menu :

<q-context-menu ref="context">
  <div class="list highlight" style="min-width: 150px; max-height: 300px;">
    <div
      class="item item-link two-lines item-delimiter"
      v-for="n in 10"
      @click="showToast(), $refs.context.close()"
    >
      <div class="item-content">
        <div>Label</div>
        <div>Value</div>
      </div>
    </div>
  </div>
</q-context-menu>

When we type in autocomplete and do not select and if there is already a previous selection (a defined value), I suggest that when entering any other search term, the value is set to null and if no option is selected, to blur event, set the term null the research.
In summary: Clear the value when performing a new search and get null in the blur event without having made a selection.
This property could be called forceSelection: true | false

Software version

Quasar Play:v0.0.4
OS:win10
Node:v9.3.0
NPM:v5.5.1
Android:^7.1.0

Any other software related to your bug:no

What did you get as the error?

What were you expecting?

What steps did you take, to get the error?

excute:
PS D:\ljh_Quasar\quasar-play-dev\quasar-play-dev> quasar mode -a cordova
result:
app:mode-cordova Cordova support detected already. Aborting. +0ms

Currently the quasar play app is only available in google play, which makes it harder for people that do not have google play services or people that would like to stay away from supporting intellectual and centralized knowledge such as the google apps and play services.
I think it would be nice to provide the app on https://en.aptoide.com/ or/and on https://f-droid.org/

here is the link on how to contribute an app to the fdroid repository https://f-droid.org/en/contribute/

cheers :)

I am trying to debug a newly created Quasar project using Chrome-Dev-Tools. I start Quasar-Play and type my URL and then my App is displayed fine. But sadly in Chrome-Dev-Tools the Quasar-Play-WebView is not detected. If I open Chrome on my Phone, then all tabs are detected correctly and I am able to debug, but not using the Quasar-Play App :(

I am developing using Ubuntu 14.04.5 64bit (Trusty LTS) and Nexus 5X with Android 7.1.2

One small question, according to the docs => http://quasar-framework.org/guide/quasar-play-app.html
While playing with your App in Quasar Play, Cordova functionality will currently not be available. This is due to Cordova Javascript code causing a crash in its Java container.

Will this bug be solved any time soon? It would be really great to have "hot-reloading" combined with Cordova functionality :)

P.S. Great Work!

Software version

Quasar Play:
OS: OSX 10.13.6
Node: 8.11.3
NPM: 5.6.0
Browsers: Chrome 70
iOS:
Android:
Any other software related to your bug:

What did you get as the error?

@save, @show or @hide event gets fired twice.

What were you expecting?

@save, @show and @hide events should only be triggered once

What steps did you take, to get the error?

bind @save to a method with console.log('fired'). The output you get is:

fired
fired

Hi author, currently in beta version, i tried use Quasar Play
quasar dev --play
open Quasar Play connect to app with ip: 192.168.1.111:8080
but it show white screen with nothing shown.

<q-chips-input v-model="theItem" :disable="disabled=='yes'" :placeholder="phText"> <q-autocomplete :debounce="250" :static-data="{field: 'text', list: searchOptions}" @selected="selected"/> </q-chips-input>

It works if i type and use mouse to choose but whenever i navigate with keyboard arrow keys, it gives me those errors. Also, using enter key to choose is not working. Please help me out. I'm using the latest version of quasar which is 0.17.20

vue.runtime.esm.js?2b0e:587 [Vue warn]: Error in render: "TypeError: Cannot read property 'length' of undefined"

found in

--->
at src/components/forms/SelectSearchable.vue
at src/components/forms/SubCategory.vue
at src/components/forms/FormSection.vue

at src/components/forms/Form.vue
at src/App.vue

warn @ vue.runtime.esm.js?2b0e:587
logError @ vue.runtime.esm.js?2b0e:1733
globalHandleError @ vue.runtime.esm.js?2b0e:1728
handleError @ vue.runtime.esm.js?2b0e:1717
Vue._render @ vue.runtime.esm.js?2b0e:4542
updateComponent @ vue.runtime.esm.js?2b0e:2784
get @ vue.runtime.esm.js?2b0e:3138
run @ vue.runtime.esm.js?2b0e:3215
flushSchedulerQueue @ vue.runtime.esm.js?2b0e:2977
(anonymous) @ vue.runtime.esm.js?2b0e:1833
flushCallbacks @ vue.runtime.esm.js?2b0e:1754
Promise.then (async)
microTimerFunc @ vue.runtime.esm.js?2b0e:1802
nextTick @ vue.runtime.esm.js?2b0e:1846
queueWatcher @ vue.runtime.esm.js?2b0e:3064
update @ vue.runtime.esm.js?2b0e:3205
notify @ vue.runtime.esm.js?2b0e:693
reactiveSetter @ vue.runtime.esm.js?2b0e:1010
proxySetter @ vue.runtime.esm.js?2b0e:3296
__keyboardMoveCursor @ keyboard-selection.js?2878:83
__keyboardHandleKey @ keyboard-selection.js?2878:47

vue.runtime.esm.js?2b0e:1737 TypeError: Cannot read property 'length' of undefined
at Proxy.render (QChipsInput.js?48b7:228)
at VueComponent.Vue._render (vue.runtime.esm.js?2b0e:4540)
at VueComponent.updateComponent (vue.runtime.esm.js?2b0e:2784)
at Watcher.get (vue.runtime.esm.js?2b0e:3138)
at Watcher.run (vue.runtime.esm.js?2b0e:3215)
at flushSchedulerQueue (vue.runtime.esm.js?2b0e:2977)
at Array.eval (vue.runtime.esm.js?2b0e:1833)
at flushCallbacks (vue.runtime.esm.js?2b0e:1754)

Software Versions:

• Quasar Play: 0.13.7
• OS: Windows 8.1
• Node: v6.9.5
• NPM: 3.10.10
• Browsers: Does not apply
• iOS: Does not apply
• Android: 7.0
• Any other software related to your bug: does not apply

The "go fullscreen" button does not appear in the embedded youtube video. The button appear if I install the application in the phone using cordova, but not on the Quasar Play app.

The embedded videos are in the start page of the application. The button doesn't appear whatever is the phone orientation, even with the "allowfullscreen" keyword inside the "iframe" tag.

In the showcase page of the Quasar play app, configuration enclosed in "tabs" blocked configured in the categories.js file is ignored. Due to this problem, some features are not accessible from this showcase page (for example complex lists, multiline lists, etc.) even if we can access them directly by URL or by the quasar-framework.com website.

##template

<q-carousel class="text-white">
            <q-carousel-slide>
             ....
            </q-carousel-slide>
          </q-carousel>

##script

import { QCarousel, QCarouselSlide } from 'quasar'
export default{
components: {
QCarousel,
    QCarouselSlide,
}
}

I have added the components correctly, still it shows me the following error:

- did you register the component correctly

"export 'QCarouselSlide' was not found in 'quasar'

e.g. isFirstPage and prevPage() are not documented here:

https://quasar-framework.org/components/datatable.html

When I initially init columns with [] when this value is dynamically updated the data table just remains blank.

Hey guys,

I want to change the icon of QUploader expand list. What like follow pic:

I have search on http://www.quasarchs.com/components/uploader.html .
But I just find the "expand-style" and "expand-class".

Thx.

Quasar docs page : http://quasar-framework.org/components/floating-action-button.html
Bug case image : http://prntscr.com/hh6mri
Maybe correct link source of this lesson is https://github.com/quasarframework/quasar-play/blob/master/src/components/showcase/layout/floating-action-button.vue

Software version

Testing this on the https://quasar-framework.org/components/dialog.html page as of the day of this report.

Quasar Play: Live web, looks like last update was - Wed Jul 25 2018.
Browser: FF 63.0.3 (64-bit) Windows

What did you get as the error?

Was on the dialog page - https://quasar-framework.org/components/dialog.html and when watching the console on FF 63.0.3 (64-bit) Windows I noticed a few exceptions being thrown -

Unhandled promise rejection Error: ""
	u https://quasar-framework.org/quasar-play/android/js/vendor.d9cfc621.js:18:392737
	e https://quasar-framework.org/quasar-play/android/js/vendor.d9cfc621.js:7:12610
	emit https://quasar-framework.org/quasar-play/android/js/vendor.d9cfc621.js:7:16415
	dismiss https://quasar-framework.org/quasar-play/android/js/vendor.d9cfc621.js:18:210833
	e https://quasar-framework.org/quasar-play/android/js/vendor.d9cfc621.js:7:12610
	emit https://quasar-framework.org/quasar-play/android/js/vendor.d9cfc621.js:7:16415
	__dismiss https://quasar-framework.org/quasar-play/android/js/vendor.d9cfc621.js:18:63119
	s https://quasar-framework.org/quasar-play/android/js/vendor.d9cfc621.js:13:28041
	A https://quasar-framework.org/quasar-play/android/js/vendor.d9cfc621.js:13:28191
	c https://quasar-framework.org/quasar-play/android/js/vendor.d9cfc621.js:13:40345

What were you expecting?

Clean log

What steps did you take, to get the error?

Near the bottom on the test portion of the screen I went to the Appear from Edges section (near the bottom of the examples) and clicked 'Dialog from top'. The dialog will pop up, and if you do not click the 'OK' button but click off screen you will close the dialog and see an exception in the log.

Not sure if a component issue or the way the example code was written but it seems to only happen with those specific tests under Appear from Edges section of the examples (Top, bottom, left right).

Is 1950 the minimum date? how can I adjust it to make it go until 1930..

There is example
There is code of slot:

    <q-checkbox
      v-model="cell.row.visible"
      checked-icon="visibility"
      unchecked-icon="visibility_off"
      style="margin-left: 25px"
    />

    {{ cell.row.visible }}
  </template>

Data is received but not processed after clicking.

When clicking one of Quasar Showcase demo on mobile devices, then pressing back, either using android back button or top left button, it always back scrolling to top instead of last scroll state, so we have to scroll again to try the next demo.

Software version

Quasar Play: 0.15.15
OS: windows10
Node: 8.11.1
NPM: 5.6.0
Browsers:
iOS:
Android:
Any other software related to your bug:

What did you get as the error?

I am a new quasar user.
When I import quasar-framework in main.js (vue-cli), it reports an error "ERROR in ./src/main.js. Module not found: Error: Can't resolve 'quasar' in 'D:\vue-darren-test\src''".

What were you expecting?

I want to know how to import quasar in main.js(vue-cli) or how to use quasar-cli to publish a npm package.

What steps did you take, to get the error?

See

The feature

Having a shortcut to docs, referring to the selected component page.

Why ?

It could be helpful.
I often use Quasar Play to know which Component could fit my needs, and when I find it, have to search again in docs the good page which refers this component.

It appears work on this has begun. Any idea of when 0.10.x will be supported?
Excellent framework. Can't wait until it reaches 1.0

It is happening when it is showing the tooltip.

<q-btn icon="playlist_add" round outline size="xs" class="float-right" color="primary" :loading="jLoading" @click="jLoading=true">
Copy to New List

This is the error:
DOMException: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.

https://github.com/quasarframework/quasar-play/blob/master/src/components/showcase/layout/layout.vue
<q-drawer-link icon="view_quilt" to="/showcase/layout" exact> About Layout </q-drawer-link>

exact should not be a q-drawer-link property.

Hey, just checking if this is needed or not? This is based off of a fresh clone today.

quasar-play user$ quasar dev ios


> [email protected] dev /Users/user/Development/quasar-play
> node build/script.dev.js "ios"

module.js:471
    throw err;
    ^

Error: Cannot find module 'friendly-errors-webpack-plugin'
    at Function.Module._resolveFilename (module.js:469:15)
    at Function.Module._load (module.js:417:25)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (/Users/user/Development/quasar-play/build/webpack.dev.conf.js:8:26)

I was able to get around the error by running:

npm install --save-dev friendly-errors-webpack-plugin

Software version

Quasar Play:
OS:
Node:
NPM:
Browsers:
iOS:
Android:
Any other software related to your bug:

What did you get as the error?

What were you expecting?

What steps did you take, to get the error?

Software version

Quasar Play:
OS:
Node:
NPM:
Browsers:
iOS:
Android:
Any other software related to your bug:

What did you get as the error?

What were you expecting?

What steps did you take, to get the error?