SDK and Editor 1.4 .0dev_06_05 polymer element extends dom style problem #183
Comments
|
This comment was originally written by [email protected] 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 [email protected] sorry, polymer ver is 0.10.0-pre.12 |
|
<img src="https://avatars.githubusercontent.com/u/2108507?v=3" align="left" width="48" height="48"hspace="10"> Comment by dgrove 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 [email protected] chrome and dartium ver is 34. |
|
This comment was originally written by [email protected] looks like using polymer element by is="x-tag" cause don't apply style. |
|
<img src="https://avatars.githubusercontent.com/u/2108507?v=3" align="left" width="48" height="48"hspace="10"> Comment by dgrove Added Area-Polymer, Triaged labels. |
|
<img src="https://avatars.githubusercontent.com/u/1081711?v=3" align="left" width="48" height="48"hspace="10"> Comment by jmesserly Removed Area-Polymer label. |
|
<img src="https://avatars.githubusercontent.com/u/2049220?v=3" align="left" width="48" height="48"hspace="10"> Comment by sigmundch Added this to the 1.6 milestone. |
|
<img src="https://avatars.githubusercontent.com/u/2049220?v=3" align="left" width="48" height="48"hspace="10"> Comment by sigmundch |
|
<img src="https://avatars.githubusercontent.com/u/2049220?v=3" align="left" width="48" height="48"hspace="10"> Comment by sigmundch Removed this from the 1.6 milestone. |
|
<img src="https://avatars.githubusercontent.com/u/2049220?v=3" align="left" width="48" height="48"hspace="10"> Comment by sigmundch Removed Polymer-P-1 label. |
|
<img src="https://avatars.githubusercontent.com/u/2049220?v=3" align="left" width="48" height="48"hspace="10"> Comment by sigmundch Added PolymerMilestone-Next label. |
|
<img src="https://avatars.githubusercontent.com/u/2049220?v=3" align="left" width="48" height="48"hspace="10"> Comment by sigmundch Removed Polymer-Milestone-Next label. |
Originally opened as dart-lang/sdk#18833
This issue was originally filed by [email protected]
<!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: