Style properties on the focussed element/elements

[nikhilm19]

When the style parameter of the Mask is set, the style properties don't go away after it becomes inactive

My Code:
<SeeThrough style={{ "box-shadow": "5px 10px 8px 10px #888888", }} active={this.state.activeSee} onClick={(masked) => !masked && this.setActiveSee(!this.state.activeSee) } >

Attaching screenshots of state active and inactive in order

Expected Behaviour :

Inactive state :

[nikhilm19]

Updated the issue

[andrew4699]

EDIT: I just realized that you should be able to do this without any changes to react-see-through. You could add a class to your element when this.state.activeSee is true.

The intention of having className/style on the SeeThrough component was to fix the rare cases when it can break your layouts (like flexboxes), rather than for actual styling.

[nikhilm19]

Sounds good! But still believe you can include style for actual styling :)

[andrew4699]

I agree it would be nice to have. I'll leave this open and potentially add it in the future.