Cannot extend select element
Quite a bit of the custom elements explanation focuses on extending the select element, but trying to do this using the polyfill fails. The call to var shadowRoot = new WebKitShadowRoot(element); gives error HIERARCHY_REQUEST_ERR: DOM Exception 3. Not sure if this is a bug in the polyfill or in the webkit shadow DOM implementation?
It's a WebKit bug. For the moment, we have to limit what we can support due to the way elements are implemented internally. See this function: http://code.google.com/searchframe#OAMlx_jo-ck/src/third_party/WebKit/Source/WebCore/dom/ShadowRoot.cpp&exact_package=chromium&q=ShadowRoot&type=cs&l=75
It also conveniently lists all the bugs to fix :)