Hello Guys, i am sharing the link below.
When i open a tab, on the 3-collumn grid, it looks like i can still click on its content although it is closed. Can you help? The page i am referring: http://basset-gold-new.webflow.io/works/comparison-table
Iāve had a play with this for almost an 30 mins, and I canāt figure out whatās causing that.
Itās a great interaction so I hope itās easily solved.
I donāt think itās a bug though, can you help @Brando
@Tasos_Koutsofavas it looks like you are using some custom JS to hide and show the tabs menu. You have the tabs menu going to a 0px height, but it isnāt set to overflow: hidden so the content (tab links) are still showing on the live site. If you add that bit of CSS to your custom code you should be good (GIF).
Alternatively, you can try building out this interaction using Webflow interactions rather than custom code.
Just realized you are using legacy interactions here as well. Instead of overflow: hidden, you can use display: none for the initial state of the tabs menu, along with the 0px height. Then on click you can set the tabs menu back to display: block before setting the height back to auto.
On the second step, āThen on click you can set the tabs menu back to display: block before setting the height back to auto.ā do you mean in the legacy interactions? Or on the tabs menu itself in the designer? I did what you suggested into the legacy interaction but it did not work.