Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
    Joe Pea
    @trusktr
    http://webcomponents.org might have something you can use, but you need to check them out, see the docs, and see if they explain how to import them into a project or HTML page.
    Joe Pea
    @trusktr
    Each lib is different, some old, some new. Best bet is to rely on libs that have good documentation. The newer, the more likely they are to still work (f.e. they won't rely on defunct things APIs HTML Imports).
    Also ask questions on their GitHub pages. You might get help from specific libs there too.
    Arnur-K
    @Arnur-K
    How should web components look like, if my html looks like this
    graph-tree>
    <graph-tree-item label="Item 1">
    <graph-tree-item label="Item 1-1">
    <graph-tree-item label="Item 1-1-1"></graph-tree-item>
    </graph-tree-item>
    </graph-tree-item>
    </graph-tree>
    Tomasz Pluskiewicz
    @tpluscode
    what are you asking?
    5P4RK3R
    @5P4RK3R
    Hi Guys, I'm working on a web component with react and redux; I stumbled on a issue when i dispatch to the store, the state gets updated but the ui doesn't. It throws an error: Uncaught DOMException: Failed to execute 'attachShadow' on 'Element': Shadow root cannot be created on a host which already hosts a shadow tree.
    How can i fix this?
    Mark Dane
    @angrycat9000
    Sounds like you are trying to call attachShadow twice. It only needs to be called once. I would move it to the constructor of the web component @5P4RK3R
    5P4RK3R
    @5P4RK3R
    @angrycat9000 It worked thanks, But the elements gets appended when i change the state and it is showing the previous value and mutated value in ui
    Mark Dane
    @angrycat9000
    @5P4RK3R sounds like the element is just appending values. Probably need to reuse the existing elements or remove befor adding new ones. You can use the element.shadowRoot property to get access to the shadow root elements
    5P4RK3R
    @5P4RK3R
    @angrycat9000 Thanks mate, I used this.shadow.innerHTML to fix it
    Jeremy J Parmenter
    @JeremyJaydan
    Hey does anyone know if javascript is required for custom elements? I'm looking to simply style <flex-box></flex-box> with css into a re-usable css framework type deal. I'm wondering if there's some sort of catch when it comes to browser compatibility or something else?
    techboyg5
    @techboyg5
    Yes, you don't need JavaScript if you just want to use CSS to style that element. However note that shadow DOM requires JS.
    Jeremy J Parmenter
    @JeremyJaydan
    dope, thanks!
    techboyg5
    @techboyg5
    But I'd highly recommend class instead.
    Unrelated: Are there any web components that actually use closed shadow roots?
    techboyg5
    @techboyg5

    How should web components look like, if my html looks like this
    graph-tree>
    <graph-tree-item label="Item 1">
    <graph-tree-item label="Item 1-1">
    <graph-tree-item label="Item 1-1-1"></graph-tree-item>
    </graph-tree-item>
    </graph-tree-item>
    </graph-tree>

    Web Components work just like other HTML elements, except that they work on any website with the help of Shadow DOM.

    techboyg5
    @techboyg5

    Hi everyone! I'm a developer for a company called ZingSoft. We have a product called ZingGrid which is a commercial grid web component. The code is closed source (https://github.com/ZingGrid/zinggrid) but available for free use in commercial products. How does we fit into the web component community and if we belong on this platform?

    I'm not trying to be spam or promotion, we are deeply involved and invested in web components and am wondering your thoughts on:

    1. commercial web components being available on webcomponents.org
    2. commercial web components in general. Is there a place for them for you? What would you expect

    Make it open-source :)

    Riccardo Pasquini
    @morphy76_gitlab
    hello, I'm trying to publish my first webcomponent but I get the error about no Github URL associated... even because I used gitlab (https://gitlab.com/morphy76/jaf).... what's that about? PS I'm new with frontend dev, any coding hint is welcomed :)
    9 replies
    Riccardo Pasquini
    @morphy76_gitlab
    image.png
    EMazzaglia
    @EMazzaglia
    Hi guys!
    I'm starting a new project and I'm new using web components, what I need to know is if there are components templates to render, and if there are, where?
    Ben Rubin
    @B-3PO

    Hi all, long time fan of web components here. Have been working on a side project for a material design ui component library. I have slowly been working on it over the last 2 years and am finally going to start using it for some projects. I would love to get some feedback on it. Here is a link to the github and to the doc website. There are still some components under development and some others on the road map, but all the basics plus some are there. One big thing to note is the focus on mobile and desktop compatibly (the components are design to work with both and have specific features based on the view)

    https://github.com/webformula/pax-components
    http://components.webformula.io/

    momoko8443
    @momoko8443
    Hi guys!
    Siir
    @siirtecirlioglu
    Hi! I recently published a webcomponent but would like to remove it (for now). Is there a way I can do that?
    Joe Pea
    @trusktr
    @EMazzaglia What do you mean? Are you asking if there's a system that allows you to easily write template in your web components?
    gaofengoo
    @gaofengoo
    How is Web Component compatible with IE?
    3 replies
    gaofengoo
    @gaofengoo
    How to solve the ES 2015 standard class syntax generation in IE11?
    wfd2018
    @wfd2018
    Hi, I'm wondering which I should pursue, Lit-element or Svelte. I want one that longevity and maintenance by a large group, since I don't want to switch around to another. I prefer typescript and JavaScript, but just JavaScript. I know Lit-element is a Google project so that will (maybe) have longevity and good maintenance, but I'm not sure about Svelte. Both approaches sound favorable. I have been using Angular, and previously used gulp for things. Both are very good but I would like something more streamlined and cutting-edge. All thoughts are welcomed.
    1 reply
    wfd2018
    @wfd2018
    I prefer typescript and JavaScript, but not just JavaScript.
    JomoPipi
    @JomoPipi
    same @wfd2018
    looking forward to see what answer you get
    BTW guys I'm starting a business! Could you help me choose a name please? :D https://www.easypolls.net/poll.html?p=5f9aeb10e4b0899ae5a152c8
    Conrad Sollitt
    @ConradSollitt
    Hi, Is webcomponents.org still maintained? I see on github the source has not been updated in years and it appears no issues are responded too?
    I would like to publish a Web Component Library I created but I don't use bower and I use npm for releases rather than github tags. Is there anyway I can publish this? https://github.com/dataformsjs/dataformsjs
    Marc Wensauer
    @daslicht
    there are many broken links here :
    https://www.webcomponents.org/introduction#custom-elements
    is this site still maintained ?

    eg:

    Custom Elements specification points to:
    https://w3c.github.io/webcomponents/spec/custom/

    Benny Powers
    @bennypowers
    The site is not maintained
    There are plans though
    In the mean time, may I suggest open-wc.org
    Dmitry IV.
    @dy
    Hey.
    https://www.webcomponents.org/element/morgan
    Just curious - in what way that's a custom element?
    Harihara Krishnan
    @veehhk
    Hello 👋
    Just decided to create a web component for my project. I'm planning to make a excel like worksheet having drag and drop features.
    Are there anything already in place?
    Much appreciate your help!!
    Ghost
    @ghost~5e26e98dd73408ce4fd74c48
    With One
    ?????!!!!!
    Harihara Krishnan
    @veehhk
    @ghost~5e26e98dd73408ce4fd74c48 sorry... what??
    NightWolf808
    @NightWolf808
    hi .
    how can i learn deep about web components?
    NightWolf808
    @NightWolf808
    hi .
    i having problem in passing JS array or variable into my component so i can use it.
    gsai0205
    @gsai0205
    Do we have any tool/framework to benchmark performance of web components?
    MOHAMED SIKKANDAR AFZAL.M
    @mohamedafzal03
    HI,
    to register a custom element, window.customElements.define('my-custom-element', MyCustomElement);
    I want to unregister a custom element , is there any possibilities?
    like(window.customElements.undefine('my-custom-element')
    will be helpful if u guys share your insights.