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, Jocelyn Liu, John Dai

Meeting Minutes

Sync-up minutes

High-level Roadmap

[Stage 1] <We are here!>

1. Remove support of SVG-based custom element.
   • Bug: https://bugzilla.mozilla.org/show_bug.cgi?id=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]

1. custom element reactions stack/queue
   • Callback reaction
   • sProcessingStack
   • EnqueueLifecycleCallback
   • Upgrade reaction
2. Lifecycle callbacks
   • connectedCallback
   • disconnectedCallback
   • attributeChangedCallback
3. 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

[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] => 429 [1] => Unknown Error ) ) 1

Ship Bugs

Bugzilla query error

Array ( [type] => error [message] => http-bad-status [params] => Array ( [0] => 429 [1] => Unknown Error ) ) 1