Handle Svelte events about svelte-forms-lib HOT 7 CLOSED

Hi subx, thanks for submitting an issue.

Can you give a code example of how you want to use it?

from svelte-forms-lib.

subpx/svelte-forms-lib-examples@55abfae

This is just a quick example to show the issue. The validation is working in this demo but would be much nicer to not need to manually create a fake DOM event

from svelte-forms-lib.

Thanks for the example; in this case I'll need to read up on Svelte events a bit before I can think of a solution.

However, please feel free to experiment and create a PR! I happily review it.

from svelte-forms-lib.

The most naive implementation I can think of

function isCustomEvent(event) {
  return event instanceof CustomEvent;
}

function handleChange(event) {
  let field;
  let value;

  if (isCustomEvent(event)) {
    field = event.detail.name;
    value = event.detail.value;
  } else {
    field = event.target.name;
    value = event.target.value;
  }

  // remaining handleChange code
}

Is this something that would solve your issue?

from svelte-forms-lib.

Yep, it could be usefull.

I'm wrapping the custom event at the moment:

export function wrapCustomChangeEvent(event) {
    return {
        target: {
            name: event.detail.name,
            value: event.detail.value
        }
    }
}

and I'm using this function this way in the svelte component:

on:change={(event) => handleChange(wrapCustomChangeEvent(event))}

I think it's better to use a different function name maybe: handleCustomEvent?

from svelte-forms-lib.

@tjinauyeung yes that is perfect.

from svelte-forms-lib.

I'm closing this issue as updateValidateField added by @kbytesys provides this ability to work with custom events.

from svelte-forms-lib.