dart2js - extended td shows nothing in other browsers

[DartBot]

This issue was originally filed by [email protected]

---

What steps will reproduce the problem?

http://pastebin.com/2EqxcvUQ
Here is the Code to reproduce the Problem

What is the expected outcome?
We build a table with some functions and everything worked fine in Dartium/Chrome. Then we noticed that FF/IE show nothing of the table. So we tried finding the error. Apparently the import of the extended td element causes this.

---

Attachments:
e1.png (68.44 KB)
e2.png (67.09 KB)

[peter-ahe-google]

Sorry for not replying sooner to this bug report. Unfortunately, it was filed under the "Try Dart" area and I failed to assign it to dart2js sooner.

---

Removed Area-TryDart label.
Added Area-Dart2JS label.

[floitschG]

Looks like a Polymer issue.
My debugging findings:

Inside _registerCustomElement there is a check that document.createElement(extendsTagName) instanceof window[baseClassName].

The fields are:
extendsTagName: "td".
baseClassName: "HTMLTableCellElement"

The object returned from document.createElement(extendsTagName) has it's proto set to a GeneratedWrapper.

---

Removed Area-Dart2JS label.
Added Area-Pkg, Pkg-Polymer labels.

[jakemac53]

Submitted a bug to the js polyfills about this, webcomponents/webcomponentsjs#80. It looks like this is actually related to a browser bug, so there aren't any good options to fix this that I know of at this time :(.

[DartBot]

This comment was originally written by [email protected]

---

Since extended tds did not work for me i remove the inheritance from td and just used it as a normal polymer element with display: table-cell.

Next problem was that my polymer table row does extend from tr.
-> FF didnt show the table row
I think extended th had the same problem, but i'm not sure since i dont use it anymore.

Sadly I had to remove all Inheritance from td / tr / th.

[sigmundch]

Unfortunately there are a lot of issues with extending table elements because of limitations on how browsers parse tables and what is allowed or not inside tables by the HTML5 spec :-(

See for example another related problem with tr: Polymer/polymer#266

[DartBot]

This issue has been moved to dart-archive/polymer-dart#334.