# \[BUG\]CSS Pointer-Events : None

**URL:** <https://forum.inductiveautomation.com/t/bug-css-pointer-events-none/73034>\
**Category:** Ignition\
**Tags:** perspective, ignition81\
**Created:** [April 28, 2023, 5:25pm UTC](https://forum.inductiveautomation.com/t/bug-css-pointer-events-none/73034 "2023-04-28T17:25:39Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![amarks](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/amarks/32/45610_2.png) [@amarks](https://forum.inductiveautomation.com/u/amarks)\
**Post date:** [April 28, 2023, 5:25pm UTC](https://forum.inductiveautomation.com/t/bug-css-pointer-events-none/73034/1 "2023-04-28T17:25:39Z")

</div>

I don't know if this is a bug that IA can fix or not, but when the property "Pointer-Events : none" is applied to a component, it can no longer be clicked on in the designer - you have to locate it in the project browser or use the click-drag/highlight area to select it.

I want operators to be able to click through the component in a session, but I would still like to be able to select the component within the designer.

As a workaround I've created a custom prop at the root level for the view to toggle the pointer events property between null ("") and none.

---

<div class="post-metadata">

**Author:** ![witman](https://avatars.discourse-cdn.com/v4/letter/w/d2c977/32.png) [@witman](https://forum.inductiveautomation.com/u/witman)\
**Post date:** [April 28, 2023, 5:42pm UTC](https://forum.inductiveautomation.com/t/bug-css-pointer-events-none/73034/2 "2023-04-28T17:42:37Z")

</div>

You can automate the switching with a binding like this:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/b/0bc0c20b31dd2d47432a3833fd0cc2787747e0e7.png)