Support for Web Components
See original GitHub issueWe are in troubles using Glide inside a Web Component, with LitElement.
Should be good in general if the library supports the possibility of place his HTML structure inside <slot>
and so dealing with Shadow DOM and other Web Components features.
Rif:
- https://developer.mozilla.org/en-US/docs/Web/Web_Components
- https://developer.mozilla.org/en-US/docs/Web/API/HTMLSlotElement
- https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot
Acctually the library seems to not support the presence of <slot>
inside.
Issue Analytics
- State:
- Created 5 years ago
- Reactions:2
- Comments:12
Top Results From Across the Web
"web components" | Can I use... Support tables for ... - CanIUse
"Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.
Read more >Web Components - MDN Web Docs - Mozilla
Web Components is a suite of different technologies allowing you to create reusable custom elements — with their functionality encapsulated ...
Read more >Custom Elements Everywhere
Angular components can listen to native DOM events dispatched from Custom Elements. It supports all styles of events (lowercase, camelCase, kebab-case, etc).
Read more >Web Components 101: What are Web Components? | Medium
Which browsers support Web Components? Currently, all Evergreen browsers (Chrome, Firefox, and Edge) offer full support for Web Components.
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@alexghattas Good! I was just able to make a LitElement component that supports slottable content without modifying the source. For anyone interested: https://gist.github.com/kylerberry/51cf28565e434de410d6ebd337a2f962
html use:
@kylerberry in the end, there was no need to manipulate the code of the package, we were able to use the events to get what we wanted.