Hi Bubblers, we have released a new Free Plugin called Group Focus Relocator. This plugin aims to improve the default behavior of Group Focus, allow you to build more complex floating UI.
Check out this input in action: Group Focus Relocator Demo
Why this plugin was born? I am tired of creating new Reusable elements for Group Focus-y context menus in Table Row, so I set out to make a plugin to enhance Group Focus positioning in Bubble. The original idea is to create a Group Focus on the same page as the table, and upon opening the context menu, we display the Group Focus then move it to the location of the button. Turns out the idea can go pretty far, and now we have a general purpose Group Focus enhancer. You can implement dropdowns, tooltips, etc with this as well.
A few key features of the Group Focus Relocator:
- Automatically align the Group Focus to the reference element. For example, you can have it on top/left/bottom/right of the reference element (I think you also hate setting the offset to some negative number to move it around)
- Some placement optimizer. The group focus can be configured to try to stay in the viewport, by flipping around or try to stick to the edge.
- Animation. The group focus can fade or slide around (I have not benchmarked the performance though).
We would really love to get more feedback from you to further improve this plugin. Please let us know in the comment how this plugin can be updated to fit your use case.
