Невозможно создать пользовательский элемент при расширении встроенного элемента в Chrome 54

Question

Я не могу создать пользовательский элемент при расширении из встроенного элемента в Chrome 54.

Насколько мне известно, эта функция поставляется. Есть что-то, чего мне не хватает? Возможно, эта часть спецификации v1 все еще в движении.

<super-element>Super Element</super-element>
<button is="super-button">Super Button</button>

<script>
    customElements.define('super-element', class extends HTMLElement {
        constructor() {
            super();
            console.log('Super Element');
        }
    });  

    customElements.define('super-button', class extends HTMLButtonElement {
        constructor() {
            super();
            console.log('Super Button');
        }
    }, {extends: 'button'});       
</script>

// Output: Super Element

Благодарю.

Answer 1

Возможно, эта часть спецификации v1 все еще в движении.

Exactely.

Настроенные встроенные элементы еще не реализованы в Blink, движке рендеринга Chrome & Opera HTML.

Посмотрите на ошибки "Запуск" и "Реализация" в трекере проекта Chromium.

Смотрите также SO ответ здесь для обхода проблемы.

Обновление с Chrome 67

Теперь он работает с версиями Chrome 67 и выше.