In the SPFx video at Buid17

there is an example for the new (JSLink/CSR replacement) "Field Customizer" blurring sensitive information

They use MouseEvents (and more code) to swap a whole DIV

Question: Is this a case of a "developer" not knowing anything about Front-End development?

Or is there a restriction on CSS and do we now need 30+ lines of code for what can be done with one CSS selector?


Does this mean CSS is scoped to one Field?

1 Answer 1


In this particular case using the :hover selector would be enough theoretically. The sample however, also illustrates the capability that should it be necessary, you could change not only the styling but the actual contents of what's being rendered.

  • So a CSS selector is applied to the whole page? May 14, 2017 at 18:09
  • Assuming extensions work the same way as web parts (this is yet to be verified once extensions are publicly released), it depends how you define CSS: if you define your selector as global, it will apply to all matching elements on the page. If you follow Microsoft's suggestions to scope your selectors to avoid conflicts then it would apply to your particular customizer applied to the particular field. May 14, 2017 at 18:19
  • "Assuming" .. so there is no definite answer yet... Ah well.. I am already moving one application from O365 to AWS May 14, 2017 at 18:27

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.