Losing focus on textbox fields

[Ichigo85]

Describe the Bug

Hello. I am developing (and/or rewriting) my own properties panel module, specifically for Camunda Modeler but not necessary related to it. I created my own group, which adds specific camunda:Field tags inside the extensionElements tag in various bpmn elements. When i edit one of my textbox fields, the focus on my field is lost, opening the Field Injections group to that new specified field. I should not lose that focus, I don't care if it opens the field injections group for the same field, but I should not lose the focus on my field (losing also what I am writing).

Steps to Reproduce

1. Implement a small properties provider which creates a text field that creates a new camunda:Field inside some element, just like the bpmn example properties panel for instance
2. Add a value on this field
3. The focus for that field is lost, opening the "Field injections" group to the corresponding field Name

Expected Behavior

I should not lose focus on my field, even if it edits a part of the BPMN handled somewhere else. What I am doing is my own personal custom properties provider which not necessarily works with its own moddle.

Environment

• Host (Browser/Node version), if applicable: Node 16.15.1
• bpmn-js: 9.3.1
• bpmn-js-properties-panel: 1.3.0
• @bpmn-io/properties-panel: 0.16.0

Related to #527

[Ichigo85]

A gif should better show my bug

[pinussilvestrus]

Hi, thanks for reporting! I think this is similar to this bug which was already reported: #527.

The fact you are adding new fields as a custom extension does not prevent them from being added to the existing Field injections groups. This leads to the behavior that the new field injection got auto-focused.

A workaround here would be to override the field injections group to not display your "custom" entries, or to disable the autofocus behavior at all by setting autoFocusEntry: false.

[pinussilvestrus]

I moved the issue as I think it fits better to the bpmn-js-properties-panel implementation.