question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Support for Web Components

See original GitHub issue

We 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:

Acctually the library seems to not support the presence of <slot> inside.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:2
  • Comments:12

github_iconTop GitHub Comments

5reactions
kylerberrycommented, Jun 27, 2019

@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:

<content-slider>
    <div slot="slide1">Hi! I'm going to be a slotted slide</div>
    <div slot="slide2">Me too!</div>
</content-slider>
1reaction
alexghattascommented, Jun 27, 2019

@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.

Read more comments on GitHub >

github_iconTop 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 >
webcomponents.org
Browser support · Chrome · Opera · Safari · Firefox · Edge ...
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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found