Browser: Chrome 110 OS: macOS URL: https://devkitresource.com
**scroll down until u see the bricks bug report section title
I created a basic text element that functions as a button and used interactions to display related content blocks when the text is clicked. I configured the interactions to hide all other contents except the selected one. However, I have noticed that the row gap I set for the content is occasionally not being applied. Upon inspecting the code, it appears that the display: block property may be preventing the row gap from taking effect. I attempted to change the display property to something other than ‘block,’ such as ‘flex,’ both within the native content tab and by using custom CSS, but the issue persists.
in the editor the marketer has a gap of 2 rem but the front end it’s not showing unless I click few times on the related text element that is acting as a button
The display is set to flex. and I make sure of it. i deactivated the plugins but it remains the same issue. so if you can’t replicate I’ll be happy to share the website credentials, so you can take a look.
Thank you for sharing access. The weird behavior was due to the display property being set to “none” on the ID level of the element.
One solution would be to use the IDs for targeting & setting the displays rather than both the class & ID. However, for your setup, would it not be better to use opacity rather than changing the display property? You could set the content’s opacity to 0 by default, and then set it to 1 with a condition like so:
