| 1 | demoed https://www.webkit.org/blog/4096/introducing-shadow-dom-api/ on jsfiddle.net using a ToT WebKit build[[BR]] |
| 2 | css selectors have scope now[[BR]] |
| 3 | you can have nested shadow trees[[BR]] |
| 4 | slots 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]] |
| 7 | defineCustomElement uses ES6 classes like HTMLTagNames.in and HTMLElementFactory.cpp[[BR]] |
| 8 | lifecycle 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]] |
| 12 | Questions:[[BR]] |
| 13 | dbates: 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]] |
| 25 | html 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]] |