This issue started sometime in the last few weeks. I have a floating nav that consists of a header and sidebar. I noticed when trying to test a new feature that the buttons on the main group have stopped working. After a bit of work I realized that any hover features are also not working. Have tested this by deleting the floating nav (which is a reusable element). When deleted, the buttons and hover functions work perfectly fine, but when I add the nav back, they stop working. This all worked when I built it and and has been working consistently up until at least a few weeks ago.
One reason for this is when there is an invisible (yet not collapsed) element above the buttons!
Remember if you did any editing for your app a few weeks ago and check if there is elements with conditional visibility may cover the buttons!
Ok ive spent a lot of time checking and rechecking.
My floating header/sidebar are actually a reusable element that gets placed on a page. I have it setup like this because it’s the same nav for multiple pages. I haven’t touched this reusable element in at least a few months. it definitely was working before. It was workin on all 5 pages that the reusable element was implemented on. Now it is not working on any. So I don’t think it has anything to do with the page but the reusable element. So I tested that.
I rebuilt a more basic version from scratch to test, which also doesn’t work.
if I manually build the nav on each page, then the click functionality does work.
My conclusion is that something changed on Bubbles end. it’s the only thing I can think of.