webcomponents / webcomponents/webcomponents.org

Different behaviour between Firefox and Chromium

Open
#1,273 0 comments 1 reaction 0 assignees View on GitHub
Old Site
Dominant language
TypeScript
Stars
385
Forks
80
PR merge metrics
No merged PRs in 30d

Description

When running on Firefox 73.0b8 on Linux, I encounter a "NotSupportedError" at @polymer/polymer/lib/mixins/element-mixin.js version 3.3.1 in `_attachDom.` The line in question reads:

`n.attachShadow({mode: 'open', shadyUpgradeFragment: dom});`

The error occurs because `n` is a `FORM` element which has no shadow DOM. Chrome 79.0.3945.130 executes this without problem.

Setting a breakpoint at this line reveals a difference between the two browsers in how this function is called:

Firefox:
1. n = A `FORM` element
No further calls

Chromium:

1. n = paper-button
2. n = paper-button
3. n = iron-ally-announcer
4. n = iron-ally-announcer
5. n = paper-input
6. n = paper-input
7. n = ... (I cannot decipher what the object is)
8. n = ... (I cannot decipher what the object is)
9. n = iron-input
10. n = iron-input

The HTML being executed is as follows:
```




configurator- Log in



import('@polymer/iron-form/iron-form.js');
import('@polymer/paper-input/paper-input.js');
import('@polymer/paper-button/paper-button.js');







Router


Log in





Home


Log in









Log In


function submitForm(e) {
document.getElementById("_form").submit();
}



Configurator version . ©2018

```

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.