Skip to main content
Participant
Sep 14, 2022 7:14 AM UTC
Question

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

  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?

This topic is closed to new replies. Start a new post to keep the conversation going.

3 replies

Harshika Verma
Community Manager
Community Manager
Sep 14, 2022 3:58 PM UTC

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

Translate
Participant
Sep 22, 2022 8:36 AM UTC

Hi Harshika,

 

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

 

Regards,

Nanda

Translate
Harshika Verma
Community Manager
Community Manager
Sep 27, 2022 2:25 PM UTC

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

 

Translate