Conditional Prototyping - Not possible to manually position modals?

The offset solution works great for absolute screen positions but unfortunately not for relative ones.

I ended up getting a conditional overlay with manual positioning to work by doing this:

  • Set Interaction to On click.
  • Add Open overlay action. Choose some default state/variant as your overlay.
  • Set position to Manual. You should now be able to manually place the overlay.
  • Add a Conditional.
  • Set conditional to if [boolean] == true.
  • Add Swap overlay for this conditional and choose your second overlay state/variant. This second overlay will inherit the position of the first

If you’re trying to make a SINGLE overlay only show when some condition is met, I imagine you could just make the first default variant a transparent rectangle.

Feels super janky that it works this way but not inside a conditional - it has to be a bug.

Edit: You can only select instances of variants as your overlay so make sure to create instances of your overlay component variants first! I kept forgetting and got super confused why I couldn’t find it in the list!

1 Like