Bug: Link on a Container

There is a strange bug in the latest version of Elements when I insert a link on a Container. See video.

Can you share the project via Elements Cloud so we can take a look and get it fixed for you?

Also, I had another thought — Are you using any custom code/components in your project (especially in that area, or above)? Could be some malformed custom html causing havoc!

Can I send you a message?

Sure, email it over to dan@realmacsoftware.com :+1:

Thanks for the project file, we’ve reproduced the issue here and it’s a bug in our Components. We’ll get this fixed up for you in next weeks beta!

Thanks. Have nice weekend.

1 Like

Hi @mrTablet

The issue you’re encountering occurs because a link (<a> element) has been placed inside another link, resulting in invalid HTML like this:

<a href="" ...>
  <!-- Container content -->
  <a href="" ...>Button</a>
</a>

HTML standards don’t allow <a> elements to be nested within other <a> elements, as this creates ambiguous behaviour and breaks the rules for valid markup.

While this shouldn’t affect you directly as the end user, I wanted to explain the root cause. :blush:

The good news is that we’re working on a fix, which will be included in the next beta. This update will ensure:
1. The layout remains intact, and
2. The Container link takes precedence over any linked child components within it.

Thanks for your patience, and let us know if you encounter any other issues!

1 Like