1518434 - Custom element is broken, and flag state is wrong

Status: RESOLVED INVALID

(Core :: DOM: Core & HTML, defect, P3)

Description

[sandy.morphis]

Attachment: smaple project with html and js file

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36

Steps to reproduce:

Created custom element and transpiled into es5 and provided required polyfills.
I was working till version 62 on Firefox.

Actual results:

Updated to version 64 and its stoped working now. looked into flags 'dom.webcomponents.customelements.enabled' it is enabled by default. No mention of this change in change log. If I disable this flag everything works.

Expected results:

Custom elements must have worked with provided polyfill. And flag 'dom.webcomponents.customelements.enabled' must have been false.

Comment 1

[Cristian Craciun]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.13; rv:64.0) Gecko/20100101 Firefox/64.0
Build ID: 20190108160530

I managed to reproduce this issue on macOS 10.13.6 with the latest Firefox release version 64.0.2. The issue also occurs on the latest Beta and Nightly builds.

Comment 2

[Hsin-Yi Tsai (she/her) [:hsinyi]]

Edgar may help us understand what's up there.

Comment 3

[Edgar Chen [:edgar]]

I tried attachment #9034964 [details], I don't see anything abnormal.
I also tried it on Google Chrome, I don't see any difference, either.
I am not sure what is this issue about. Could you provide a minimal test case to reproduce the issue?

Comment 4

[Edgar Chen [:edgar]]

Cristian, it seems you could reproduce the issue, but I am not sure what is this issue about. Could you provide more detailed information? Thanks

Comment 5

[Cristian Craciun]

Steps to reproduce:

1. Open the index file from the attachment
2. Click several times on the "Add point to chart!" button
3. Notice that some lines from the graphic are broken

Note1: Hover the mouse cursor over the lines and the broken ones are fixed.
Note2: This issue is not reproducible on Chrome.

Comment 6

[sandy.morphis]

Hi,

Just a reminder that even if we don't look at demo and just see flags "dom.webcomponents.customelements.enabled" status, it is set to "true" which must be false because firefox note release custom element support officially.

Thanks

Comment 7

[Edgar Chen [:edgar]]

(In reply to sandy.morphis from comment #6)

firefox note release custom element support officially.

Please see https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/63#APIs. Thanks.

Comment 8

[Edgar Chen [:edgar]]

(In reply to Cristian Craciun from comment #5)

Steps to reproduce:

1. Open the index file from the attachment
2. Click several times on the "Add point to chart!" button
3. Notice that some lines from the graphic are broken

Note1: Hover the mouse cursor over the lines and the broken ones are fixed.
Note2: This issue is not reproducible on Chrome.

I could also reproduce with STR now. Thanks.

Comment 9

[sandy.morphis]

(In reply to Edgar Chen [:edgar] from comment #7)

(In reply to sandy.morphis from comment #6)

firefox note release custom element support officially.

Please see https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/63#APIs. Thanks.

Ok My bad. I tried to find but missed it.

Thanks @Edgar