[New Plugin] bdk UX tools

Hi @gaurav. Thanks for this plugin! I was wondering if you had any advise on whether ElementDetect can be used to detect when an element enters or exits the visible window of its parent group when its parent is a group that scrolls (such as a scrolling repeating group).

I have the plugin and have tried to set this up, but unless I’m mistaken, it seems like ElementDetect is currently only able to “watch” the entire viewport. It would be great if it could not only detect when an element scrolls in or out of view in the viewport, but also when it scrolls in or out of the visibility boundary of any container group that the element might be in - my case in particular being a horizontally scrolling repeating group.

Is this possible in the plugin’s current version? Or perhaps planned for a future update? Thanks!

Hi @AA-ron,

Thank you :smiley:

You’re correct in that it can watch only the viewport currently and not the container groups :frowning: Don’t have any plans for container detection in the viewport as of now actually.

Regarding scrollable repeatinggroups, one potential way (I haven’t tried) is :

  1. Give a group (or some other element) in the RG cell an ID that’s dependent on cell’s index.
  2. In the same cell, place an element detect element with that ID to detect, since it accepts dynamic data.
  3. As the cell & detector come to the screen it should be able to detect (I hypothesise but not 100% sure) and trigger the detection events as usual

Hope this works for you!

Cheers,
Gaurav
thebdk.com

Just FYI for anyone in the future that reads this:

If you’re viewing the demo editor, you need to switch to the ‘development’ version (in top right corner) to see the full and most up-to-date setup.

Without doing so, there are a couple of things missing that may be confusing. Bubble has made a change so that values (e.g. in elements) do not show.

Fyi: New Bubble Version (21) bricked this plugin along with scrollspy

If anyone knows of any alternative solutions, please let me know.