Skip to content

Form components: general event.stopPropagation() stops the browser's default event propagation #4279

@annsch

Description

@annsch

Which generators are impacted?

  • All
  • HTML
  • React
  • Angular
  • Vue
  • Web components
  • Power Apps

Reproduction case

With this change (#4135) some components stop event propagation. This breaks native browser event handling for e.g. forms. In the following example the <form> native onchange event is not fired when the DBInput changes. Therefore it is fired, when changing the native <input>s value

<form onChange={(event) => console.log('form: on change event', event)}>
	<DBInput
		label={'Test on change and on input events'}
		onInput={(event) => console.log('on input event', event.target.value)}
		onChange={(event) => console.log('on change event', event.target.value)}
	/>
	<input></input>
</form>

Expected Behaviour

Browsers default event propagation should not be stopped by components.

Screenshots

No response

Browser version

None

Add any other context about the problem here.

No response

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    Status

    ✅ Done

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions