New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 652579 link

Starred by 27 users

Issue metadata

Status: Duplicate
Merged: issue 648828
Owner: ----
Closed: Jan 2018
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Android , Windows , Chrome , Mac
Pri: 3
Type: Task
Launch-Accessibility: NotReviewed
Launch-Legal: NotReviewed
Launch-Privacy: NotReviewed
Launch-Security: NotReviewed
Launch-Test: NotReviewed
Launch-UI: NA

Blocked on:
issue 648828
issue 658066


Show other hotlists

Hotlists containing this issue:
Hotlist-1


Sign in to add a comment

Launch customized built-in elements

Project Member Reported by dominicc@chromium.org, Oct 4 2016

Issue description

Change description:
Implement the part of custom elements which allows you to use an existing tag name and get that built-in element's semantics.

Changes to API surface:
- customElements.define process the 'extends' option of the second argument.
- createElement processes the 'is' option of the second argument.
- HTML parsing handles elements with an "is" attribute differently.

For links, support in other browsers, etc. see https://www.chromestatus.com/feature/4670146924773376
 

Comment 1 by hayato@chromium.org, Oct 12 2016

Components: -Blink>WebComponents Blink>HTML>CustomElements
As of today, things still not working:

  1. `new CustomBuiltIn()` throws `Illegal constructor`
  2. `document.createElement("button", { is: "plastic-button" })` as specified in the official example ( https://html.spec.whatwg.org/multipage/scripting.html#custom-elements-customized-builtin-example ) creates `<button is="[object Object]"></button>`
  3. `document.createElement('button', 'plastic-button')` would create a proper `<button is="plastic-button"></button>` but it won't even bother using the defined constructor
Cc: yurak@google.com
Status: Started (was: Assigned)
yurak is working on this.
Blockedon: 658066
Cc: dominicc@chromium.org
Owner: yurak@google.com
Blockedon: 648828
Blocking: 658284
Project Member

Comment 8 by sheriffbot@chromium.org, Jan 20 2017

Labels: Hotlist-Recharge-BouncingOwner
Status: Untriaged (was: Started)
The assigned owner "yurak@google.com" is not able to receive e-mails, please re-triage.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot

Comment 9 by mr.a...@gmail.com, Jan 20 2017

Is this still being worked on? Can I somehow help this?
Owner: ----
Cc: -yurak@google.com a.obzhirov@samsung.com
Owner: dominicc@chromium.org
Yes, it is still being worked on--yurak's internship has finished.

mr.avgp, we'd love help, could you send me email and describe a little about your skills and interests and I'll help.
Status: Assigned (was: Untriaged)
Hi. Any updates on this?

Comment 14 by mr.a...@gmail.com, Apr 6 2017

meanwhile I have some failing tests and try to implement the fixes, but I
am a little swamped with work right now =(

Comment 15 by mr.a...@gmail.com, Apr 9 2017

Just FYI: Baby steps in the right direction. ;-)
fuck_yes_it_works.png
108 KB View Download
How is this going? The community is keen to try this out! Thanks for keeping going on this.
You can try this today for DIV and P by setting the --enable-blink-features=CustomElementsBuiltin flag. Feedback welcome.
In Canary with this flag enabled I get 2 kinds of errors.

1. Chrome tells me it's an unsupported flag (even though there is a difference with a without it)

2. Illegal constructor, same I get when I <big-button> the element instead of <button is="big-button">

No error 2 without the [is].

No error 1 without the flag, but also no other errors or messages, probably because it doesn't do anything.

The real test for me is to make custom TD elements that work without webcomponents (so <td is="custom-td">, not <custom-td>), but I don't have that test handy.
screen-chrome-canary-customelements-errors.png
137 KB View Download
Since BUTTON is not DIV or P, that might be my fault =) Sorry!

`<p is="big-p">Huge paragraph!</p>` works (messages and custom shadow root), but

`<big-p>Huge paragraph!</big-p>` doesn't work: no messages, no errors, <big-p> just falls back to a non-existing element
Labels: migrated-launch-owp Type-Task
This issue has been automatically relabelled type=task because type=launch-owp issues are now officially deprecated. The deprecation is because they were creating confusion about how to get launch approvals, which should be instead done via type=launch issues.

We recommend this issue be used for implementation tracking (for public visibility), but if you already have an issue for that, you may mark this as duplicate.

For more details see here: https://docs.google.com/document/d/1JA6RohjtZQc26bTrGoIE_bSXGXUDQz8vc6G0n_sZJ2o/edit

For any questions, please contact owencm, sshruthi, larforge
Owner: ----
Status: Available (was: Assigned)
Bulk edit bugs owned by dominicc@

Comment 22 by tkent@chromium.org, Jan 24 2018

Cc: -dominicc@chromium.org
Mergedinto: 648828
Status: Duplicate (was: Available)
We don't need a launch-tracking bug for this feature.
Please use  Issue 648828  if you have any comments on this feature.

Comment 23 by tkent@chromium.org, Jan 24 2018

Blocking: -658284

Sign in to add a comment