form-js icon indicating copy to clipboard operation
form-js copied to clipboard

Group and Dynamic list components have double borders when placed on the canvas on demo.bpmn.io

Open volodymyr-melnykc opened this issue 1 year ago • 2 comments

Describe the Bug

When placed on the Form editor canvas, the Dynamic list and Group components display a double border.

Steps to Reproduce

  1. Create a new form.
  2. Place the Group or Dynamic list component on the canvas.
  3. The placed component displays double borders instead of a single border.

image

Expected Behavior

The Group and Dynamic list components should have a single border displayed when placed on the canvas.

Environment

  • Host: Chromium Engine Version 119.0.6045.199
  • OS: MacOS 14.1.2

volodymyr-melnykc avatar Dec 14 '23 17:12 volodymyr-melnykc

There seems to be some issues with the demo here: https://demo.bpmn.io/form/new

Will have to try and see what the problem is, most likely an issue with styles not updating properly.

Skaiir avatar Dec 19 '23 11:12 Skaiir

Looks like the issue specifically is that the editor styles are being imported before the viewer styles, and so one's overriding the other. Although I guess we could also change the styles over here to be more specific.

Skaiir avatar Jan 29 '24 07:01 Skaiir