Fix in related elements dublicate 'id' in elements

LaravelRUS · Sep 28, 2020 · 1bef526 · 1bef526
1 parent 259a2c5
commit 1bef526
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,8 @@
 <p align="center"><h2>[Unreleased] (Only in SleepingOwl <code class="language-php">8+</code> branch)</h2></p>
 
+## 2020-09-28
+* [Fix] Fix in related elements dublicate 'id' in elements
+
 ## [RELEASED 8.2] 2020-09-25
 * [Fix] Fix in related elements don't set method setDefaultValue()
 

diff --git a/resources/assets/js_owl/admin/form/related/group.js b/resources/assets/js_owl/admin/form/related/group.js
@@ -35,6 +35,14 @@ Vue.component('related-group', {
     },
 
     mounted() {
+
+        each(this.$el.querySelectorAll('input, select'), (el) => {
+            const id = el.getAttribute('id');
+            if (id) {
+                el.setAttribute('id', `${id}_${this.index}`);
+            }
+        });
+
         if (!this.primary) {
             each(this.$el.querySelectorAll('input, select'), (el) => {
                 const name = el.getAttribute('name');