QField: keep botom spacing if has error label

[theara]

I still problem, with dynamic error label.
It don’t have bottom space when the first time (open form)
(I base on vee-validate)
https://jsfiddle.net/theara/amf1qLru/

[s.molinari]

@pdanpdan needs to look at this. I’ve looked at the source code and played with the dev examples and it all seems to work as intended.

Out of curiosity, are you using the UMD version?

Scott

[theara]

I use 0.17.16.
Could you help me to check https://jsfiddle.net/theara/amf1qLru/4/?
And try to type text, then remove to empty

[s.molinari]

Hmm…now it is working differently and not yet as intended from what I understand of the source code. You also spelled true wrong in the second “if”.

https://jsfiddle.net/fdpvtoyc/

Also, I have to ask again, are you using the UMD version of Quasar in your project?

https://quasar-framework.org/guide/embedding-quasar.html

Or are you building your app out with quasar build?

Scott

[theara]

I use Quasar 0.17.16

[s.molinari]

That isn’t answering my question.

Scott

[theara]

Sorry my English not good.
I base on Meteor JS
(Follow https://github.com/quasarframework/quasar-template-meteor)

[s.molinari]

Ok. So are you building your application with the Quasar CLI? Or using it as a Vue CLI 3 Plug-in? Or just using a CDN with the/ a UMD package (which you might have also built)?

Scott

[theara]

I use Meteor CLI.

// client/main.js
import { Meteor } from 'meteor/meteor';
import Vue from 'vue';


// Import the router factory
import { RouterFactory, nativeScrollBehavior } from 'meteor/akryum:vue-router2'

// Create router instance
const routerFactory = new RouterFactory({
    mode: 'history',
    scrollBehavior: nativeScrollBehavior,
})

// App layout
import AppLayout from '/imports/ui/AppLayout.vue';

//import Quasar globally
import Quasar from '/node_modules/quasar-framework/dist/quasar.mat.esm.js';
import '/node_modules/quasar-framework/dist/umd/quasar.mat.min.css';

Vue.use(Quasar, {});

//App start
Meteor.startup(() => {
    const router = routerFactory.create();
    new Vue({
        router: router,
        render: h => h(AppLayout),
    }).$mount('app');
});

[s.molinari]

Ok. So you are using the UMD version, but importing it internally. Got it. Still, this is something Dan (@pdanpdan) will need to look at.

Scott