TPE DOM/Custom elements

Introduction

This project is to enable web authors to define and use new types of DOM elements in a document.

References:

• Custom Elements spec
• whatwg html wiki
• whatwg dom wiki
• blink-dev intent-to-implement
• Blink bugs
  • https://bugs.chromium.org/p/chromium/issues/detail?id=594918
• Safari bugs
  • https://bugs.webkit.org/show_bug.cgi?id=154907
  • https://bugs.webkit.org/show_bug.cgi?id=150225
  • https://bugs.webkit.org/show_bug.cgi?id=155108

Taipei Main Members

Engineers: Edgar Chen (main contact), John Dai

Meeting Minutes

Sync-up minutes

Roadmap

[Stage 1]

1. Remove support of SVG-based custom element.
   • Bug: 1274505
2. Window interface
   • Separate control preference
   • Move mRegistry from document to window.customElements
   • Bugs: 1275833, 1275832, 1275838, 1275839
3. HTMLElement constructor
   • Support using ES6 classes
   • Construction stack
   • Bug: 1274159
4. Document interface
   • createElement, createElementNS
   • Bug: 1276579
5. window.customElements.define
   • Bug: 1275835

[Stage 2] <We are here - Target milestone: 2017 Q1 Stage2.1 & 2.2>

1. custom element upgrade reactions stack/queue
   • Upgrade reaction
2. Algorithm of creating an element
   • Spec: https://dom.spec.whatwg.org/#concept-create-element
   • Revise consumers (createElement[NS] and HTML parser accordingly
     • HTML parser: https://dxr.mozilla.org/mozilla-central/source/parser/html/nsHtml5TreeOperation.cpp#335
3. Lifecycle callbacks
   • Callback reaction
     • sProcessingStack
     • EnqueueLifecycleCallback
   • connectedCallback
   • disconnectedCallback
   • attributeChangedCallback

[Stage 3]

1. Mutation algorithms (Shadow dom)
   • Spec:
     • https://dom.spec.whatwg.org/#mutation-algorithms
     • https://w3c.github.io/webcomponents/spec/custom/#dom-mutation-algorithms
2. Web-platform-tests
   • https://bugzilla.mozilla.org/show_bug.cgi?id=1234886

[Stage 4]

1. CSS :define
   • https://bugzilla.mozilla.org/show_bug.cgi?id=1111633

Project Dashboard

Meta Bugs

Bugzilla query error

Array ( [type] => error [message] => http-bad-status [params] => Array ( [0] => 406 [1] => Not Acceptable ) ) 1

Stage_2 Bugs & Progress

Bugzilla query error

Array ( [type] => error [message] => http-bad-status [params] => Array ( [0] => 406 [1] => Not Acceptable ) ) 1

Stage_1 Bugs & Progress

Bugzilla query error

Array ( [type] => error [message] => http-bad-status [params] => Array ( [0] => 406 [1] => Not Acceptable ) ) 1