Group Focus Dynamic Offset

Align Bubble's Group Focus dynamically with reference elements. Ideal for dropdowns, tooltips, or contextual pop-ups. Automatically calculates and applies offsets for precise positioning.

Demo Link: https://chakor-plugin-demo-6.bubbleapps.io/version-test/group_focus_dynamic_offset?debug_mode=true

Editor Link: https://bubble.io/page?id=chakor-plugin-demo-6&test_plugin=1735821970130x559242247232552960_current&tab=Design&name=group_focus_dynamic_offset&type=page

1. Setup IDs:

   • Assign unique HTML IDs to your reference elements and Group Focus.
   • Horizontal/Vertical Offsets: Adjust as needed.

2. Add Workflow Action:

   • Use the "Calculate" action.
   • Input:
     • Reference Element ID: ID of the triggering element.
     • Group Focus ID: ID of the Group Focus.
       
       Preview:
3. • Ensure Group Focus visibility is set correctly in your app logic.
   • Test positioning for accuracy.
     
     

That's it! Your Group Focus will dynamically align with the reference element every time the action runs.