WIP: Container as link breaks Loop Layout

Bugs
1

Bricks Version: 1.3.7-beta
Browser: Chrome 96.x
OS: Windows
URL: -

When using a container in the loop query builder, if you attempt to change the HTML tag to ‘a’ to be able to link the container itself. It distorts the flex layout and drops the content within the container.

image
image1263×762 175 KB

image
image1239×843 85.3 KB

1 Like
2

Are there any items inside the container that have a link? If so, you will need to unlink them.

1 Like
3

@zestjosh Opps forgot to do that(only had the header tagged as A), but still does the same thing.

image
image1784×830 171 KB

I even tried to just stage the 2 internal containers inside the loop container and they act funky as well by resizing odd shapes similar to doing it to the loop container.

4

Could you share a link? I’m unable to replicate the issue on my end.

5

Hi Lyle,

sorry for the late reply. I was able to reproduce the problem and added it to our bug tracker.

Best regards,
timmse

6

I had my layout break when I had a link inside my linked outer wrapper:

For example: A wrapper with link and a linked text.

I asked the team to remove the link options if this happens, but they said it’ll be difficult.

7

Hi Dean,

Yes, it is difficult to remove and as for the html5 specs, forbidden anyway.

The a element can be wrapped around entire paragraphs, lists, tables, and so forth, even entire sections, so long as there is no interactive content within (e.g., buttons or other links).