Aren’t pointer-events still experimental in most browsers? I just tried in Chrome 91 and they are only partially working and tried in Safari 14.1.1 and they are not supported at all. Not saying it would not be a good feature…as it would.
But if you need this functionality now, you can control SVGs through CSS and images through HTML to make them clickable. You could create a set of environment properties that would be read by the parent window and depending on their flag state change the item to be clickable or not and of course change other properties as well. Just have to monitor the number of EventListeners as that can slow performance.
I personally don’t use the puzzles to do any HTML because of the lack of EventListner control but someone on here might have a good method to do it. Good luck.
What I wanted to do was temporarily disable click events for a certain element, during a procedure. Then allow them again (auto) after the procedure has ran.
I think the CSS create rule puzzle is the key, but it is somewhat ambiguous. If I then want to amend this rule I have created, do I need to lay down another create puzzle, with the same name, and hope the properties get overwritten?