react.js support

[sktt]

Hello I'd like to use this for a React.js application where i have object-fit and object-position for a spritesheet.

I have my react component programmatically set the style. React will however automagically strip fontFamily:.. from the element. Would it be possible to come around this?

[fregante]

What's stripping fontFamily exactly and why?

[sktt]

I thought it was react, it is actually my browser (chrome) that removes it.

[fregante]

If it's being removed it's probably invalid, make sure it has the quotes:

.img {
   object-fit: contain;
   font-family: 'object-fit: contain'; /*correct*/
}

This is invalid CSS:

.img {
   object-fit: contain;
   font-family: object-fit: contain; /*wrong*/
}

---

In JS:

img.style.fontFamily = "'object-fit: contain'"; /* correct */
img.style.fontFamily = "object-fit: contain";   /* wrong */

[sktt]

You're right! I was missing the quotes! Thanks!

[golubvladimir]

It's works with react-jss. Thank you.

[Carrie999]

is not working