From aef6f59ee12c208871b3a6a164fad79623a5790c Mon Sep 17 00:00:00 2001
From: Robert Kaussow <mail@thegeeklab.de>
Date: Fri, 27 Oct 2023 22:31:04 +0200
Subject: [PATCH] fix!: generate unique properties anchor (#457)

The way anchors are generated for `properties` of a `propertylist` has changed to be unique, even if the shortcode is used multiple times on a page.
---
 exampleSite/content/posts/advanced/shortcodes.md | 2 +-
 layouts/shortcodes/propertylist.html             | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/exampleSite/content/posts/advanced/shortcodes.md b/exampleSite/content/posts/advanced/shortcodes.md
index 0283ee7..7b7ff91 100644
--- a/exampleSite/content/posts/advanced/shortcodes.md
+++ b/exampleSite/content/posts/advanced/shortcodes.md
@@ -528,7 +528,7 @@ The supported attributes can be taken from the following example:
 
 <!-- prettier-ignore-start -->
 <!-- spellchecker-disable -->
-{{< propertylist name=shortcode-buttons sort=name order=asc >}}
+{{< propertylist name=shortcode-propertylist sort=name order=asc >}}
 <!-- spellchecker-enable -->
 <!-- prettier-ignore-end -->
 
diff --git a/layouts/shortcodes/propertylist.html b/layouts/shortcodes/propertylist.html
index 090e941..8a1d485 100644
--- a/layouts/shortcodes/propertylist.html
+++ b/layouts/shortcodes/propertylist.html
@@ -11,7 +11,8 @@
         {{- $properties = (sort $properties . $order) }}
       {{- end }}
       {{- range $properties }}
-        <dt class="flex flex-wrap align-center gblog-props__meta"{{ if $showAnchor }} id="{{ anchorize .name }}"{{ end }}>
+        {{- $uniqueAnchor := anchorize (printf "%s-%s" $name .name) | safeHTML }}
+        <dt class="flex flex-wrap align-center gblog-props__meta"{{ if $showAnchor }} id="{{ $uniqueAnchor }}"{{ end }}>
           <span class="gblog-props__title">{{ .name }}</span>
           {{- if .required }}
             <span class="gblog-props__tag warning">required</span>
@@ -28,7 +29,7 @@
             {{- end }}
           {{- end }}
           {{- if $showAnchor }}
-          <a data-clipboard-text="{{ .Page.Permalink }}#{{ anchorize .name | safeHTML }}" class="gblog-post__anchor clip flex align-center" title="{{ i18n "title_anchor_prefix" }} {{ .name | safeHTML }}" aria-label="{{ i18n "title_anchor_prefix" }} {{ .name | safeHTML }}" href="#{{ anchorize .name | safeHTML }}">
+          <a data-clipboard-text="{{ .Page.Permalink }}#{{ $uniqueAnchor }}" class="gblog-post__anchor clip flex align-center" title="Anchor to: {{ .name | safeHTML }}" aria-label="Anchor to: {{ .name | safeHTML }}" href="#{{ $uniqueAnchor | safeHTML }}">
             <svg class="gblog-icon gblog_link"><use xlink:href="#gblog_link"></use></svg>
           </a>
           {{- end }}