Changes between Initial Version and Version 1 of WebComponents2015


Ignore:
Timestamp:
Nov 12, 2015 4:23:08 PM (8 years ago)
Author:
achristensen@apple.com
Comment:

--

Legend:

Unmodified
Added
Removed
Modified
  • WebComponents2015

    v1 v1  
     1demoed https://www.webkit.org/blog/4096/introducing-shadow-dom-api/ on jsfiddle.net using a ToT WebKit build[[BR]]
     2css selectors have scope now[[BR]]
     3you can have nested shadow trees[[BR]]
     4slots leave “holes” in the shadow tree that will connect to nodes in the containing DOM tree[[BR]]
     5:host doesn’t do anything if it’s not in a shadow tree[[BR]]
     6[[BR]]
     7defineCustomElement uses ES6 classes like HTMLTagNames.in and HTMLElementFactory.cpp[[BR]]
     8lifecycle callbacks called when exiting from user agent code[[BR]]
     9    check every idl call to see if it modifies the DOM to do this callback[[BR]]
     10    should the HTML5 spec have this annotation on all specs?[[BR]]
     11[[BR]]
     12Questions:[[BR]]
     13dbates: could someone using the shadow dom specify which elements should be styled using the style of the containing page?[[BR]]
     14    http://tabatkins.github.io/specs/css-apply-rule/#example-ded67f3a[[BR]]
     15    use css variables[[BR]]
     16        :root { —toolbar-theme: hsl(120, 70%, 95%); }[[BR]]
     17        .toolbar { —background-color: var(—toolbar-theme) }[[BR]]
     18    what if you want many toolbars on a page and all of them to have different colors?[[BR]]
     19        outside shadow dom[[BR]]
     20            #nav my-toolbar { —toolbar-theme: red; }[[BR]]
     21            #sidebar my-toolbar { —toolbar-theme: blue; }[[BR]]
     22        inside shadow dom[[BR]]
     23            .toolbar { background-color: var(—toolbar-theme); }[[BR]]
     24    what if you want to have toolbars within toolbars with different colors?  not possible with currently proposed api.[[BR]]
     25html imports - scripts inside imported scripts apply as if they were in the document that imported them - confusing[[BR]]
     26    interaction with es6 modules unclear[[BR]]
     27    loading inline script type=module should maybe also be asynchronous[[BR]]
     28        allowing inline modules - not at all - maybe load as if they were loaded asynchronously, but not proposed[[BR]]