<q-input /> with float-label has no margin or padding top
-
I am migrating from quasar 0.14.7 to 0.15.6. I am seeing a weird behaviour concerning <q-input /> elements so there is no margin or padding above them and they are looking stack to each other (see the image below)
On <q-input /> documentation page it looks OK on the preview mobile screen. But when I took a snippet from it’s source code to jsfiddle I saw the same behaviour I was seeing when migrating. Is there anything I am doing wrong ?
-
When I saw this I just assumed it was working as designed. I added the q-mt-md class for the amount of margin I wanted.
-
Working as intended. If you want padding add it yourself
-
Also see the upgrade guide, this is a change from 0.15 and intended to be more flexible: http://quasar-framework.org/guide/quasar-upgrade-guide.html#Form-Components
-
thanks @a47ae @benoitranque @mitchellmonaghan … I didn’t see that the default margin in removed in 0.15 and I thought there is something wrong with me. problem solved. Thanks
