# Hover condition stops working once I add "on click" action

**URL:** <https://community.appfarm.io/t/hover-condition-stops-working-once-i-add-on-click-action/993>\
**Category:** Ask the community\
**Tags:** ui, actions\
**Created:** [January 18, 2024, 5:33am UTC](https://community.appfarm.io/t/hover-condition-stops-working-once-i-add-on-click-action/993 "2024-01-18T05:33:28Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sivert](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/sivert/32/1481_2.png) [@Sivert](https://community.appfarm.io/u/Sivert)\
**Post date:** [January 18, 2024, 5:33am UTC](https://community.appfarm.io/t/hover-condition-stops-working-once-i-add-on-click-action/993/1 "2024-01-18T05:33:28Z")

</div>

Hi! I have this structure functioning as a custom list  
 ![image](https://europe1.discourse-cdn.com/flex013/uploads/appfarm/original/1X/077e94e8ee04e08f68571a80f8c3ee4466696611.png)

I have this hover condition on the “Accessory” component changing the style of the elements in the list.  
 ![image](https://europe1.discourse-cdn.com/flex013/uploads/appfarm/original/1X/941ca7f80ae444f89befd5c6766c8d551b3140a8.png)

This works as expected. However once I add an on click action, the hovering stops working. Furthermore I discovered that the on click event handler does not register my click, which suggests to me that something is overlaying my custom list. This seems weird as it the hover works fine before adding an action to the on click event handler. Any suggestions to what might cause this or how to fix it?

---

<div class="post-metadata">

**Author:** ![Shahitha](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/shahitha/32/66_2.png) [@Shahitha](https://community.appfarm.io/u/Shahitha)\
**Post date:** [January 19, 2024, 8:32am UTC](https://community.appfarm.io/t/hover-condition-stops-working-once-i-add-on-click-action/993/2 "2024-01-19T08:32:42Z")

</div>

Hi Sivert,

I tried replicating the issue by adding the event handler on the “Accessory” container, but I was unable to do so. Could you provide us with some more information on which container the event handler is added and what perhaps it does or any other information, you believe is relevant.