diff --git a/packages/person-select/src/person-select.js b/packages/person-select/src/person-select.js index 66875b8a5679d71fcf040c2852e9574f34c7cd5e..3f8bb9258b91db2ac939cba8919282c22a6a0767 100644 --- a/packages/person-select/src/person-select.js +++ b/packages/person-select/src/person-select.js @@ -11,8 +11,6 @@ import commonUtils from 'vpu-common/utils'; select2(window, $); -let selectId = 0; - class PersonSelect extends VPULitElementJQuery { constructor() { @@ -21,8 +19,8 @@ class PersonSelect extends VPULitElementJQuery { this.entryPointUrl = getAPiUrl(); this.jsonld = null; this.$select = null; - // For some reason using the same ID twice breaks select2 - this.selectId = 'person-select' + selectId++; + // For some reason using the same ID on the whole page twice breaks select2 (regardless if they are in different custom elements) + this.selectId = 'person-select-' + commonUtils.makeId(24); } static get properties() { diff --git a/packages/person-select/vendor/common b/packages/person-select/vendor/common index 378256b0ae92712fd5b8feed3a987cd014617c0b..332288561f010110799081f426d4addfc0b1ffcd 160000 --- a/packages/person-select/vendor/common +++ b/packages/person-select/vendor/common @@ -1 +1 @@ -Subproject commit 378256b0ae92712fd5b8feed3a987cd014617c0b +Subproject commit 332288561f010110799081f426d4addfc0b1ffcd