Blank page when create new Item

[all4u1089]

Describe the Bug

Blank page when create new Item and hover

Steps to Reproduce

1. Add new item/component
2. hover the diagram
3. all lost

Environment

• Host (Browser/Node version), if applicable: Chrome 86
• OS: Linux
• Library version: 8.0.0

[philippfromme]

Hint: Adding position: 'absolute' to the options when creating an instance will fix this issue. I've come across this a couple of times now and it's very frustrating if you don't know where to look for the fix.

Example:

const foo = new BpmnJS({
  container: '#container',
  position: 'absolute'
});

[nikku]

Is this something we can improve in the example? If so @all4u1089 would you like to contribute a fix?

[eriknyk]

@all4u1089 I made form with latest version of bpmn-js, reactjs with functional base component https://github.com/eriknyk/bpmn-js-react-properties-panel-example

Diagram editor is fully functional there

[nikku]

@eriknyk Would you like to contribute your fixes?

[eriknyk]

@eriknyk Would you like to contribute your fixes?

Sure, I will send a PR as soon as possible

[eriknyk]

@nikku PR sent #6

[eriknyk]

@nikku BTW I made a ported version for svelte-js also https://github.com/eriknyk/bpmn-js-example-svelte-properties-panel/tree/master

if you want make it part of bpmn-io I will happy to contrbute. Regards