ember-custom-elements icon indicating copy to clipboard operation
ember-custom-elements copied to clipboard

Muliples custom elements (full ember apps) have conflict inside host app

Open billyjov opened this issue 3 years ago • 2 comments

i have an application as a parent app.

I load two different apps as custom elements with lazy loading.

The following problems occur:

With the normal build (not the prod build)

  • When the page is initially loaded, I navigate to the first link with my custom element. (Everything works so far)
  • When I navigate to the other one and come back, I get the following warnings and the element is no longer displayed. Any idea what could be the cause?

2021-06-30 10_26_53-ubuntu-20-lts-2  wird ausgeführt  - Oracle VM VirtualBox

With the prod build

when I build my custom elements with the production build, only one element works and the other does not.

Are there any conflicts?

PS. i'm using shadow DOM

2021-06-30 10_44_14-EmberApp 2021-06-30 10_44_39-localhost_4200_landscapes

billyjov avatar Jun 30 '21 08:06 billyjov

@Ravenstine Any advice on this ? I gave you access to the repository

billyjov avatar Jun 30 '21 08:06 billyjov

I found that there is a problem with multiple instances of Ember on the same page

billyjov avatar Jun 30 '21 21:06 billyjov