directus-conditional-fields icon indicating copy to clipboard operation
directus-conditional-fields copied to clipboard

Extension throws errors and doesn't show/hide fields in simple test

Open danieljwestman opened this issue 4 years ago • 1 comments

macOS Big Sur (M1) Directus 9.0.0-rc.61 PG 12 Node v15.14.0

--

I've setup a very simple test of this conditional-fields extension. One toggle that should show/hide a text field. It's not working. When I'm about to update an item in the collection I get the following error immediately.

Vue warn]: Invalid prop: type check failed for prop "conditions". Expected , got Array 

found in

---> <InterfaceGoConditionalFields>
       <FormFieldInterface> at src/components/v-form/form-field-interface.vue
         <FormField> at src/components/v-form/form-field.vue
           <VForm> at src/components/v-form/v-form.vue
             <PrivateView> at src/views/private/private-view.vue
               <CollectionsItem> at src/modules/collections/routes/item.vue
                 <App> at src/app.vue
                   <Root>

Nothing happens with the fields when clicking the toggle. More errors:

[Vue warn]: Error in callback for watcher "$parent.$parent.$parent.values": "TypeError: Cannot read property 'forEach' of undefined"

found in

---> <InterfaceGoConditionalFields>
       <FormFieldInterface> at src/components/v-form/form-field-interface.vue
         <FormField> at src/components/v-form/form-field.vue
           <VForm> at src/components/v-form/v-form.vue
             <PrivateView> at src/views/private/private-view.vue
               <CollectionsItem> at src/modules/collections/routes/item.vue
                 <App> at src/app.vue
                   <Root>

Any known issues with this extension?

danieljwestman avatar Apr 28 '21 12:04 danieljwestman

macOS Big Sur (M1) Directus 9.0.0-rc.61 PG 12 Node v15.14.0

--

I've setup a very simple test of this conditional-fields extension. One toggle that should show/hide a text field. It's not working. When I'm about to update an item in the collection I get the following error immediately.

Vue warn]: Invalid prop: type check failed for prop "conditions". Expected , got Array 

found in

---> <InterfaceGoConditionalFields>
       <FormFieldInterface> at src/components/v-form/form-field-interface.vue
         <FormField> at src/components/v-form/form-field.vue
           <VForm> at src/components/v-form/v-form.vue
             <PrivateView> at src/views/private/private-view.vue
               <CollectionsItem> at src/modules/collections/routes/item.vue
                 <App> at src/app.vue
                   <Root>

Nothing happens with the fields when clicking the toggle. More errors:

[Vue warn]: Error in callback for watcher "$parent.$parent.$parent.values": "TypeError: Cannot read property 'forEach' of undefined"

found in

---> <InterfaceGoConditionalFields>
       <FormFieldInterface> at src/components/v-form/form-field-interface.vue
         <FormField> at src/components/v-form/form-field.vue
           <VForm> at src/components/v-form/v-form.vue
             <PrivateView> at src/views/private/private-view.vue
               <CollectionsItem> at src/modules/collections/routes/item.vue
                 <App> at src/app.vue
                   <Root>

Any known issues with this extension?

Same case for me.

Ubuntu Server 20.04 Directus 9.0.0-rc.69 PG 12 Node v14.16.1

Even doesn't show the global toggle for show/hide the fields

uebmaster avatar May 21 '21 20:05 uebmaster

@MiniDigger Any advance on this? Thank you

SalahAdDin avatar Aug 20 '22 21:08 SalahAdDin

@SalahAdDin the feature this plugin provides inspired the conditionals feature in directus, which is a much better impl of this idea. this repo is archived, according to the readme, I just never hit the archive button it seems, lol ill do that now, if you have any questions feel free to reach out to me on the directus discord.

MiniDigger avatar Aug 21 '22 07:08 MiniDigger