ElemeFE / ElemeFE/element

Web Component problem

Open
#20,006 2 comments 5 reactions 0 assignees View on GitHub
Dominant language
Vue
Stars
54k
Forks
14.4k
PR merge metrics
No merged PRs in 30d

Description

### Existing Component
Yes

### Component Name
All components from Element UI are affected

### Description
When building Vue app as Web Component I have a problem where styles from _ElementUI_ lib are not loaded and _ElementUI_ components are not visible.
As a workaround, I introduced **shadow-dom** and added styles manually but in such scenario, **popper.js** throws the following exception when it comes to the method `getStyleComputedProperty`

![image](https://user-images.githubusercontent.com/8372413/89389596-e8470c00-d705-11ea-9958-3cd4630afc40.png)

as shadow root is not of type Element.

as a possible fix, element type check or element parent check (as shadow-dom doesn't have a parent) could be introduced

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.