search

ditdot-dev / vue-flow-form

Create conversational conditional-logic forms with Vue.js.
https://www.ditdot.hr/en/vue-flow-form
MIT License
779 stars 174 forks source link

Bug: Matrix doesn't work properly #224

Closed moojen closed 2 years ago

moojen commented 2 years ago

Describe the bug The matrix question loads in my tests, but when adding the columns and/or the rows, it no longer works.

To Reproduce Steps to reproduce the behavior: Simply add the rows and columns by copy/pasting from your guide.

Expected behavior To see the question working including options and questions. I've included the package like this: https://unpkg.com/@ditdot-dev/vue-flow-form@2.2.1

Screenshots new VueFlowForm.QuestionModel({ id: "q_3", title: "Question title?", type: VueFlowForm.QuestionType.Matrix, required: false, multiple: false, columns: [ new MatrixColumn({ value: "1", label: "Very satisfied", }), new MatrixColumn({ value: "2", label: "Satisfied", }), ], rows: [ new MatrixRow({ id: "experience", label: "Rate your overall experience with our product", }), new MatrixRow({ id: "documentation", label: "Rate your overall experience with our documentation", }), ], }),

Desktop (please complete the following information): Latest chrome.

Additional context Add any other context about the problem here.

moojen commented 2 years ago

Actually I didn't properly check the added code. When importing, I forgot that simply copy & paste doesn't work. I should have added VueFlowForm. in front of MatrixRow and MatrixColumn. My bad!