@policystudio/policy-studio-ui-vue 1.2.0-access.61 → 1.2.0-access.63

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@policystudio/policy-studio-ui-vue",
-  "version": "1.2.0-access.61",
+  "version": "1.2.0-access.63",
   "description": "Policy Studio UI",
   "author": "Policy Studio Team",
   "scripts": {

package/src/components/forms/PsInputSelect.vue

@@ -4,13 +4,13 @@
     :class="[getComponentClass, { selected: selectedClass }, { disabled: disabled }]"
   >
     <label
-      :for="label"
+      :for="selectedId"
       v-if="label"
     >{{ label }}</label>
     <div class="psui-el-input-select-wrapper">
       <select
         :name="label"
-        :id="label"
+        :id="selectedId"
         v-model="childValue"
       >
         <option
@@ -100,6 +100,10 @@ const getComponentClass = computed(() => {
   return `layout-${props.layout}`
 })
 
+const selectedId = computed(() => {
+  return this.label ? this.label.toLowerCase().replace(/\s+/g, '-') : `select-${Math.random().toString(36).substr(2, 9)}`
+})
+
 const childValue = computed({
   get() {
     return props.value

package/src/components/tooltip/PsTooltip.vue

@@ -102,7 +102,7 @@ const getComponentClass = computed(() => {
 
 onMounted(() => {
   document.addEventListener('resize', updatePosition)
-  document.addEventListener('keydown', handleKeyDown)
+  
 })
 
 onBeforeUnmount(() => {
@@ -114,6 +114,9 @@ const open = () => {
   if (show.value || props.ignoreDialog) return
   emit('show')
   show.value = true
+
+  document.addEventListener('keydown', handleKeyDown)
+
   const dialog = PsTooltipDialog.value
   dialog.style.display = 'block'
   dialog.style.opacity = 0
@@ -128,6 +131,8 @@ const close = () => {
     emit('close')
     show.value = false
     dialog.style.display = 'none'
+
+    document.removeEventListener('keydown', handleKeyDown)
   }
 }