Does it work with iframe? about cssobj HOT 5 CLOSED

Added this feature, please see test:

https://github.com/cssobj/cssobj/blob/master/test/spec/frame.js

And doc:

https://github.com/cssobj/cssobj#--iframe-support

Please let me know whether it's work for you, thanks for this issue!

from cssobj.

This is just awesome and seems to work well, thank you for your top notch support, once I'm done I will make sure to link back to cssobj so more people will know about it.

I also tested multiple selectors, seem to works well as well.:

var obj = { '#widget-1,.widget-1': { backgroundColor: 'blue' } }

In later code when I need to update the style, I do

obj[ '#widget-1,.widget-1'].backgroundColor = 'yellow' which also works.

Only 1 last question: I want to use cssobj to do live website editor, where a user can change certain settings on a control bar and see the changes applied in real time. I used jQuery css() method before but that doesnt work for pseudo elements so I found out about cssobj. Looking at the code I assume that cssobj only applies the changes based on the diff of the obj before and after so it should be safe in term of performance?

from cssobj.

yes it's only apply diff of JS objects, you can check the performance below:

https://futurist.github.io/cssobj-less/

It's live updating the LESS code based on CSSOBJ, which have far more complicated computing with mixins, variables, and functions.

My next plan is to implement the diff instead of getter and setter of ES5, that way it won't loop between objects, will gain improved performance ( for very large Object, but small Object using loop still fast! ).

Also, contribution is welcome :)

from cssobj.

@yellow1912

I writed a polyfill for window.getMatchedCSSRules() (Google Chrome private API), just like window.getComputedStyle(), it also accepts a second argument to return a Style Object of Pseudo.

from cssobj.

Since no furthur feedback for this issue, seems it's working, close it for now.

from cssobj.