Hi all,
I have a repeating group element which dynamically show the products in the database.
On the element you have a ‘quick view’ option (see image 1). If this is clicked it will show a roll-up of all stock tied to this product and return amount of rolls + m2.
When a filter is applied the quick view remains in the wrong position and thus gives confusing information to my customers (see image 2).
I’ve tried the ‘Reset a group/popup’ element and other methods, but can’t find a solution
Can I make the local states reset upo applying the filter (filter is a locally stored query which get’s filtered)?
Can I make the local state travel with the card? I assumed the local variable would have been tied to the Id of the card and consequently travel with the card.
I have this problem on multiple features in my web app, so any help would be amazing.
Hi, I ran this through an AI tool I developed specifically for Bubble debugging; here’s the result, it seems worth examining.
The problem is that your Quick View group/popup isn’t resetting when the filter changes, so it retains its previous state or data.
Solution:
Add a “value changed” event for each filter entry (lookup fields, checkboxes, etc.) and trigger the “Reset a group/popup” action in your Quick View group. This ensures it resets to its default/empty state each time the filter is updated.
A simpler solution for the exception approach is to move the Quick View group inside the repeating group (RG) cell. This way, it’s automatically scoped to each card, naturally follows the item, and you don’t need any state management.
If you want to keep it outside the RG and track it by item ID, create a sheet exception (type = your product data type). Set this to “Product of current cell” when opening the Quick View and only show the Quick View group when this status isn’t empty. Make sure you reset this setting when you change the filter.
