If a select a checkbox in a hover state, after clicking outside the comp the select state dissapear

[Nanda25393808qh8i]

1.  I have made an component with 3 differen states (Default, Hover and selecterd) (printscreen 1)
2.  If I prototype the screen, the hover state apppear and I can select the checbkbox (printscreen 2). 
3. If the focus goes outside the hover, the checkbox will come in the de-select state (printscreen 3). 

Can someone help met with this case?

[HARSHIKA_VERMA]

Hi @Nanda25393808qh8i,

Thank you for reaching out. If I heard you right, please check this link to confirm if you're trying to create a similar workflow. 

Link: https://xd.adobe.com/view/cfc9a2e7-099c-4633-b2dd-109b6f433565-9a9a/

If not, we would request you, please share a video of your workflow and the XD file so we can check at our end. 

Note: Please upload the XD file to a shared location such as CC or Dropbox and share the URL with me.

We will try our best to help.

Thanks,

Harshika

[Nanda25393808qh8i]

Hi Harshika,

Thanks. Your suggested solution is exactly what I mean. What is the 'secret' behind it?

Regards,

Nanda

[HARSHIKA_VERMA]

Hi @Nanda25393808qh8i,

Thanks for the confirmation of your design. In order to achieve this functionality, you need to ensure that your list is also a part of the component with multiple states. Currently, in your design, the checkbox list is not a part of the component.

Please create a component and then add a list with the required states.

Let us know if that helps.

Thanks,

Harshika