:style maps kebab-case to CamelCase automatic conversion only works with literals?

[xavi]

I found this in the context of Rum, which uses Ŝablono, and I was suggested to move it here.

The issue is that when having something like

[:div {:style (merge {:margin-left "2rem"}
                      (when focused? {:color "red"}))}]

The browser shows

Warning: Unsupported style property margin-left. Did you mean marginLeft?

This doesn't happen when the style is a map literal instead of the result of a merge.

Is it a bug?

[r0man]

@xavi Yes, that's a bug. I pushed a fix for this. Could you try 0.8.0-SNAPSHOT and report back? Thanks!

[xavi]

Thanks for the quick response. Unfortunately now I get this error

Uncaught TypeError: Cannot read property 'className' of null
    at sablono$interpreter$attributes (interpreter.cljc:117)
    at Function.<anonymous> (core.cljs:590)
    at Function.cljs.core.apply.cljs$core$IFn$_invoke$arity$2 (core.cljs:3731)
    at cljs$core$apply (core.cljs:3722)
    at render (core.cljs:130)
    at core.cljs:274
    at Object.render (core.cljs:83)
    at react-dom.inc.js:5250
    at measureLifeCyclePerf (react-dom.inc.js:4529)
    at ReactCompositeComponentWrapper._renderValidatedComponentWithoutOwnerOrContext (react-dom.inc.js:5249)

[r0man]

@xavi Thanks for the feedback. I pushed another fix: 1b7a190
Could you try again with the latest 0.8.0-SNAPSHOT? Thanks!

[xavi]

It worked now :) Thank you!