Skip to content

Textfield in a form instantiated inside shadow dom #1399

@vsgoulart

Description

@vsgoulart
Contributor

Describe the Bug

When creating a form instance inside a shadow DOM node typing a value in a textfield won't work properly. The value typed simply disappears after some time.
This is due to some differences in the event handling inside shadow dom noes + React events + Preact events.

This bug was reported on this support case

Steps to Reproduce

  1. Model a form with a textfield
  2. Instantiate the form inside a shadow dom node (repro here)
  3. Try to type inside the textfield
  4. The value disappears after some time

Expected Behavior

The textfield should work normally

Activity

self-assigned this
on Apr 24, 2025
wollefitz

wollefitz commented on Apr 29, 2025

@wollefitz

@vsgoulart This was highlighted as a major blocker by one of our customers, could you share a timeline of when this can be fixed transitively in Web Modeler?

cc @marcosgvieira

vsgoulart

vsgoulart commented on Apr 29, 2025

@vsgoulart
ContributorAuthor

@wollefitz This is only relevant to the view engine when deployed in a specific way so it doesn't apply to the modelers
Also this is quite an exotic way of deploying it, they can always temporarily use a simpler way of instantiating form-js

But anyway, I have the fix here
I just need to investigate some issues on the CI but I'll probably will release this fix tomorrow

Skaiir

Skaiir commented on Jul 11, 2025

@Skaiir
Contributor

Closed via #1400

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

bugSomething isn't workingsupport

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

    Development

    Participants

    @vsgoulart@wollefitz@Skaiir@marcosgvieira

    Issue actions

      Textfield in a form instantiated inside shadow dom · Issue #1399 · bpmn-io/form-js