blitzar icon indicating copy to clipboard operation
blitzar copied to clipboard

BlitzListForm breaking with quasar?

Open duurland opened this issue 2 years ago • 2 comments

First off, this is an awesome library, thank you for maintaining it :)

I'm trying to get Quasar to work with this example (BlitzListForm nested in a BlitzForm)

Taken the following schema, teacher.* renders just fine but students[] break, the labels seems to be lost and rendered as separate components. Something I'm missing? Does BlitzListForm support internalLabels?

[
    {
      id: "teacher.nameFirst",
      label: "Teacher First Name",
      component: "QInput",
    },
    {
      id: "teacher.nameLast",
      label: "Teacher Last Name",
      component: "QInput",
    },
    {
      id: "students",
      label: "Student Names",
      component: "BlitzListForm",
      schema: [
        { id: "nameFirst", label: "First Name", component: "QInput"},
        { id: "nameLast", label: "Last Name", component: "QInput" },
      ],
    },
  ]

blitslist

duurland avatar Jun 22 '22 16:06 duurland

Did you import the Blitzar css ?

mesqueeb avatar Jun 22 '22 20:06 mesqueeb

Yes, see this demo. https://stackblitz.com/edit/quasarframework-ckyejb?file=src%2Fpages%2FIndexPage.vue

To clarify, the problem is not the css. But that the components in BlitzListForm does not receive the props for the label/hint, which is not consistent with how the components are rendered with BlitzForm.

duurland avatar Jun 23 '22 03:06 duurland