New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
polymer-element extends select element has error #18958
Comments
Added Area-Polymer, Triaged labels. |
Removed Area-Polymer label. |
This comment was originally written by Roman.Korneyev@gmail.com the similar bug https://code.google.com/p/dart/issues/detail?id=19561 (!) |
This comment was originally written by joo.tsao...@gmail.com Please fixed the issue, thanks! |
Issue #19561 has been merged into this issue. |
It seems that this is a restriction from blink's native implementation of shadow-root. I have to investigate more if this is intentional or a bug though. Here is an example that using Javascript alone. The call to div.createShadowRoot() works fine, but the same call on the select element gives the error above. The error also shows up if I switch to use a textarea element (as in issue #19561). <select is="x-a"><option>1</option></select> |
Added this to the 1.6 milestone. |
Removed this from the 1.6 milestone. |
Removed Polymer-P-1 label. |
Added PolymerMilestone-Next label. |
Removed Polymer-Milestone-Next label. |
This comment was originally written by kurotensh...@autistici.org I am the same problem. Not possible to extend img or textarea, which obliges me to create the components from scratch... I am using Polymer 0.12.0-dev. |
It looks like this is the blink bug for this, https://code.google.com/p/chromium/issues/detail?id=234020. Some progress has been made it looks like, but there has not been any activity recently... Also I don't know if other browsers have similar issues or not. |
This comment was originally written by joo.tsa...@gmail.com update to sdk 1.6.0 and polymer 0.13.0+3, this issue is still not resolved. |
Sorry @joo.tsao - unfortunately this looks like a bug all the way in blink/chrome. The link that Jake posted in #15 will let you know when the issue gets fixed there. After they fix it, it will take some time until you see it live. In particular, if you are using the beta channel, it normally takes 6 weeks until changes get released there. |
This issue has been moved to dart-archive/polymer-dart#190. |
This issue was originally filed by joo.tsao...@gmail.com
What steps will reproduce the problem? see follow sample
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sample app</title>
<link rel="import" href="packages/polymer/polymer.html">
</head>
<body>
<polymer-element name="x-select" extends="select">
<template>
<style>
:host {
color: blue;
}
</style>
<content></content>
</template>
<script type="application/dart;component=1">
import 'dart:html';
import 'package:polymer/polymer.dart';
@CustomTag('x-select')
class XSelect extends SelectElement with Polymer, Observable {
XSelect.created(): super.created() {
polymerCreated();
}
}
</script>
</polymer-element>
<select is="x-select">
<option value="1">test1</option>
<option value="2">test2</option>
</select>
</body>
</html>
What is the expected output? What do you see instead?
Uncaught HierarchyRequestError: Failed to execute 'createShadowRoot' on 'Element': Author-created shadow roots are disabled for this element.
What version of the product are you using? On what operating system?
dart sdk and editor: 1.4.0.dev_06_09
polymer: 0.10.0-pre.12
OS: debian 8.0
run on chrome 35 by dart2js
Please provide any additional information below.
run on chrome 34 by dart2js no problem.
The text was updated successfully, but these errors were encountered: