So, before 1.8.2, 1.8.3 and 1.8.4 I had mega menus that would slide down when a corresponting tab is hovered. I don’t really know a lot about CSS, so I’ve used Bricks Academy’s article on interactions (Interactions – Bricks Academy) to make one. I had a div in the header that has two interactions in it- both trigger a class for a corrseponding section tab that should become visible when the div is hovered and get hidden when mouse leaves the div. It all worked nicely for a while and then I’ve went on a leave for some time. When I was back home I’ve checked updates and noticed that there were some updates rolled out and went upgrading my Bricks from 1.8.1. to 1.8.4. Not only I’ve noticed that the issue with animations not repeating themselves after playing for one time is present (WIP: Popups not working after update to 1.8.4), but my menu is too working only for one time before breaking. It shows the corresponding element on hover, hides it when mouse leaves the area and does nothing after that.
How it works on 1.8.1.- Jam
How it works on 1.8.2.+ - Jam
It is, however, worth mentioning that these interactions would still work as intended if the menu tab element was visible from the moment the page was loaded, but of course that’s of no use since I need these tabs to be invisible before hovering on a corresponding menu tab.
There is a logic change on the Interaction “Show element” since 1.8.2 to avoid always use display:block which might ruin some user’s original display property (original might be grid or flex etc.) Changelog – Bricks
We have recorded this and will find a solution for that.
For the time being, could you change the approach by using a CSS class?
Create a new global class named “hide-my-element” and set display:none
Apply this class on the element you want it to be invisible
Mouse enter > Remove attribute > Class > hide-my-element
Mouse leave > Set attribute > Class > hide-my-element
Thanks a lot for the help! Menus now show up as intended when hovering on the corresponding item from the navbar, but now I struggle to make the tab itself opened when moving mouse from the navbar to the corresponding tab.
Before the update I’ve been using the same interaction metod and it somehow managed to keep the tab opened and closed it only when the mouse was leaving the tab or a corresponding navbar element, but it doesn’t seem to be the case now. I’ve also tried using the same workaround with classes as you’ve suggested there, but again, no result. I’ve noticed that this situation occurs only when the element I want to be hidden is in the root of the template. So:
Behaviour when interactions are placed in the “Kolekcija” section:
.megamenu-collection selects that “Kolekcija” tab.
Again, I don’t know if it is an intended behaviour, since I don’t really know much about CSS, but it seems a bit strange and behaves differently than before.
Could you try not to use animation for troubleshoot purpose?
Switch it to other actions like show and hide via class.
I am suspecting the startAnimation issue in 1.8.4 causing the interaction only run once. Which is similar to this popup report
Otherwise, please provide a temp admin access and send to help@bricksbuilder.io
Indicate this forum thread URL as reference.
