Support for custom form components (Control Value Accessor) about error-tailor HOT 6 CLOSED

It's also weird because we register the focusout event that should bubble. I know it works with our custom input components. We should check how the component you added work.

from error-tailor.

You can make it more readable:

 return ['INPUT', 'SELECT', 'CUSTOM-DATE', 'P-CALENDAR'].some(selector => element.tagName === selector)

from error-tailor.

It will work on submit. We just need to provide a way to access the internal element to which we should register the blur event.

from error-tailor.

@NetanelBasal I forgot to apply the custom blurPredicate method, that has to include element.tagName === 'CUSTOM-DATE' || element.tagName === 'P-CALENDAR'. If I do it, then it starts to work.

Is it a correct way how to get the correct behavior? Or is there something more, that should be done?

PS: The Stackblitz https://stackblitz.com/edit/mlc-cva-error-tailor?file=src%2Fapp%2FappMain.component.ts was updated also by that part.

ErrorTailorModule.forRoot({
      errors: {
        useValue: {
          required: () => `Input is requied.`
        }
      },
      blurPredicate: (element: Element) => {
        return element.tagName === 'INPUT' || element.tagName === 'SELECT' || element.tagName === 'CUSTOM-DATE' || element.tagName === 'P-CALENDAR'
      }
    })

from error-tailor.

Yes, that's the right solution. I forgot about that :)

from error-tailor.

Thanks!

from error-tailor.