attempt to fix conten tabs duplicate id bug, W3C fix

gantry · Sep 17, 2018 · a14f408 · a14f408
1 parent 4bb51ec
commit a14f408
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/themes/helium/common/particles/contenttabs.html.twig b/themes/helium/common/particles/contenttabs.html.twig
@@ -12,7 +12,7 @@
                     {% for item in particle.items %}
                         <li class="g-contenttabs-tab-wrapper">
                             <span class="g-contenttabs-tab-wrapper-head">
-                                <a class="g-contenttabs-tab" href="#g-contenttabs-item-{{ loop.index }}">
+                                <a class="g-contenttabs-tab" href="#g-contenttabs-item-{{ id }}-{{ loop.index }}">
                                     <span class="g-contenttabs-tab-title">{{ item.title|raw }}</span>
                                 </a>
                             </span>
@@ -28,7 +28,7 @@
                     {% for item in particle.items %}
                         <li class="g-contenttabs-tab-wrapper">
                             <div class="g-contenttabs-tab-wrapper-body">
-                                <div id="g-contenttabs-item-{{ loop.index }}" class="g-contenttabs-content">
+                                <div id="g-contenttabs-item-{{ id }}-{{ loop.index }}" class="g-contenttabs-content">
                                     {{ item.content|raw }}
                                 </div>
                             </div>