Unable to toggle a switch component in editing mode

  • Goal:
    I want to be able to toggle a switch component while in editing mode, but the switch label covers the switch so I can't change it.

  • Steps:
    Clicking the switch and label
    Resetting state etc

  • Details:
    Add a switch in edit mode, and now try to toggle it

  • Screenshots:
    image

2 Likes

Hi Alan,

That is an interesting bug! I was not able to reproduce it on my end. I haven't seen my component labels overlap their corresponding component before.

CleanShot 2024-12-13 at 16.47.40

If you add another switch did it have the same label behavior? Were the labels for any of your other components overlapping their component?

Thanks!

Hmm, I've hit this on three different apps but rarely use switches. Perhaps it's where I'm placing my switches. Ive only used them in the footer of a form next to a button

Ok, I see it now when putting it in the footer. The label blocks initially as you said, but I am able to move my mouse around to get the label to hide long enough to click the toggle. I agree it is not ideal for being able to use the toggle, but this is just in testing from edit mode.

CleanShot 2024-12-13 at 17.48.57

Let me know if mousing around the label is possible on your end.

Hi @alan, I just wanted to check in and see if mousing around the label worked or if it is still an issue for you. Thanks!