Import jsx component without plugin


#1

I’ve created a standalone JSX component that “seems” to import into my application. It renders the HTML properly on the screen.

However, when attempting any interaction with the custom button that was rendered, it never recognizes the onClick event?

We can see in the console logs that the component did mount but again we don’t seem to be able to click on it.

Without actually creating a plug-in should this be possible?


#2

Hi, my guess is that you would need to enable pointerEvents for the button. We have disabled them in the root level of React Studio generated projects so they need to be explicitly enabled for every interactable element. You can do that by setting ‘pointer-events’ css property to ‘auto’ in button’s style definition.


#3

Thanks! That works perfectly!


HTML Embed with Script