SDK and Editor 1.4 .0dev_06_05 polymer element extends dom style problem #18833
Comments
|
This comment was originally written by joo...@gmail.com Even more surprising is： by editor tool "run as" > "browser launch", polymer element has noscript property can apply style, has not noscript property can't apply style. after pub build, has or not noscript property can't apply style. |
|
This comment was originally written by joo.t...@gmail.com sorry, polymer ver is 0.10.0-pre.12 |
|
What version of chrome are you running on? We currently have a problem that is caused by Dartium's Shadow DOM support being incompatible with Chrome stable (Chrome 35). |
|
This comment was originally written by joo...@gmail.com chrome and dartium ver is 34. |
|
This comment was originally written by joo.tsao...@gmail.com looks like using polymer element by is="x-tag" cause don't apply style. |
|
Added Area-Polymer, Triaged labels. |
|
Removed Area-Polymer label. |
|
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. |
DartBot
added
Type-Defect
area-pkg
|
This issue has been moved to dart-archive/polymer-dart#183. |
This issue was originally filed by joo.tsao...@gmail.com
<!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-button" extends="button">
<template>
<style>
:host {
background-color: blue;
}
</style>
<content></content>
</template>
<script type="application/dart;component=1">
import 'dart:html';
import 'package:polymer/polymer.dart';
@CustomTag('x-button')
class XButton extends ButtonElement with Polymer, Observable {
XButton.created(): super.created() {
polymerCreated();
}
}
</script>
</polymer-element>
<button is="x-button" type="button">test</button>
</body>
</html>
first confirm, polymer element extends dom element, to used by is="x-tag".
above sample run on dartium style apply to polymer element, but run on chrome by dart2js style not apply to polymer element.
above sample if use noscript property run on dartium and chrome work fine.
please help test confirmed, thanks!
The text was updated successfully, but these errors were encountered: