Custom block preview does not work (strange behavior)

Kirby 3 Solved ✅
1

I noticed a pretty strange behavior with one of my custom blocks. First, this is my block:

name: Link
icon: url
fields:
  title:
    type: text
    label: Überschrift
  link:
    type: url
    label: Link
  linktext:
    type: text
    label: Linktext
  external:
    type: toggle
    text:
      - "Interner Link"
      - "Externer Link"

In my index.js:

link: `
    <h4>{{ content.title }}</h4>
    <a href="content.linktext" class="link">{{ content.linktext }}</a>
`,

Now, the problem is that only the H4 gets shown in the panel. No a to be found.
What’s weird is that when I copy and paste <h4>{{ content.title }}</h4> once more, you’d think it’d get displayed aswell, right? Wrong. No more than the first H4 gets previewed. I can change the content of the first H4 to content.linktext and it works. But copying the H4 does not do anything, even when I change it’s content.
Tried changing the a to a div which did not work either.

What’s wrong here? I also dont get any error messages.

(In the frontend everything works)

2

You should wrap everything in a div

link: `
    <div>
      <h4>{{ content.title }}</h4>
      <a href="content.linktext" class="link">{{ content.linktext }}</a>
    </div>
`,
3

Oh, thanks! I actually did not think of this and didn’t expect that behavior to be a thing.