Problem with data binding and custom attributes in Firefox 27, 29.

[wbzyl]

I modified Data binding and custom attributes example.

Original code:

<template>
  Hello! My name is <span style="color:{{nameColor}}">{{name}}</span>
</template>

Modified code:

<template>
  <style>
    span { color: {{person.nameColor}}; }
  </style>
  Hello! My name is <span>{{name}}</span>
</template>

The modified code works in the latest Chrome Beta – name is rendered in the specified color (orange). Firefoxes render span in the default color (black).

--Włodek

[sorvell]

Polymer currently doesn't support bindings in style elements when run under the ShadowDOM polyfill. I believe this is what you're seeing.

This is something we're working on improving.

[wbzyl]

@sorvell thanks for clarifying the problem.