binding within style attribute breaks in IE

[DartBot]

Originally opened as dart-lang/sdk#17075

This issue was originally filed by andriy....@gmail.com

---

<div style="width:{{width}};height:{{height}}"> Will work in firefox and chrome, but not in IE.

[DartBot]

<img src="https://avatars.githubusercontent.com/u/5479?v=3" align="left" width="48" height="48"hspace="10"> Comment by sethladd

---

Sorry, is this Polymer or Angular?

---

Added NeedsInfo label.

[DartBot]

This comment was originally written by andriy....@gmail.com

---

Pure Polymer, thanks for looking.

[DartBot]

<img src="https://avatars.githubusercontent.com/u/2156198?v=3" align="left" width="48" height="48"hspace="10"> Comment by kasperl

---

Added Area-Polymer, Triaged labels.

[DartBot]

<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.
Added Pkg-Polymer, Area-Pkg labels.

[DartBot]

<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.
Removed Priority-Unassigned label.
Added Priority-Medium, Browser-IE labels.
Changed the title to: "binding within style attribute breaks in IE".

[DartBot]

<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.
Added Polymer-P-1 label.

[DartBot]

<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.
Added Polymer-Milestone-Next label.

[DartBot]

<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.

[DartBot]

<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.

[DartBot]

<img src="https://avatars.githubusercontent.com/u/2590778?v=3" align="left" width="48" height="48"hspace="10"> Comment by RWander

---

Still <div style="{{css}}"> doesn't work in IE only..

[DartBot]

<img src="https://avatars.githubusercontent.com/u/2590778?v=3" align="left" width="48" height="48"hspace="10"> Comment by RWander

---

are there plans to include the fix of this issue in polymer 0.12.0?

[DartBot]

<img src="https://avatars.githubusercontent.com/u/2049220?v=3" align="left" width="48" height="48"hspace="10"> Comment by sigmundch

---

Just to have more information, what version of IE are you using?

We plan to release 0.12.0 fairly soon, so I don't believe this will be fixed by the time we release it. But we can easily push another version after we find what the problem is and a way to fix this.

[DartBot]

<img src="https://avatars.githubusercontent.com/u/405837?v=3" align="left" width="48" height="48"hspace="10"> Comment by zoechi

---

There are SO questions about this
http://stackoverflow.com/questions/25002116
http://stackoverflow.com/questions/24960402 (with a link to Polymer/polymer#270 (comment))

[DartBot]

<img src="https://avatars.githubusercontent.com/u/2590778?v=3" align="left" width="48" height="48"hspace="10"> Comment by RWander

---

The simple code <div style="{{css}}"> doesn't work in both IE 10 and IE11

[DartBot]

<img src="https://avatars.githubusercontent.com/u/2049220?v=3" align="left" width="48" height="48"hspace="10"> Comment by sigmundch

---

Thanks gzoechi@! Indeed, seems this is a quite relevant link from that github issue:
  http://www.polymer-project.org/docs/polymer/databinding-compat.html#binding-to-attributes

We seem to have tests in template_binding for this as well, so that might be all you need to do to make this work in IE, change:

   <div style="{{css}}">

to

   <div _style="{{css}}">

Let us know if that fixes the issue. Cheers!

---

Added Waiting label.

[DartBot]

<img src="https://avatars.githubusercontent.com/u/984921?v=3" align="left" width="48" height="48"hspace="10"> Comment by jakemac53

---

Assuming this is stale, the _style fix should work

---

Added AssumedStale label.

[DartBot]

This comment was originally written by matty...@gmail.com

---

_style worked for me. Thanks!