Hi @lucaspchara,
The trick here is to add a :before element to your .dropdown--toggle. Set that before element to be transparent and full screen over the top of all the other page content. Then you set the animation to toggle between forward and reverse in the advanced options. So basically, the animation target becomes the entire screen. Check out the stylesheet of the project.
Let me know if this helps,
Bob
But I feel that this is not a very good solution, when opening a dropdown it will not be possible to click on another part of the site (such as a menu, link, etc…)
Maybe in the future Pinegrow will add a “clickoutside” function…?
Yes, and it was an API oversight because semantically a button cannot have a value. You can handle its click event, that’s how it’s supposed to work. If you need a selection functionality, you will have to use Select or create some custom widget.