Merge pull request #64 from bnmajor/fix-input-help

Display help for text input
Kitware · Feb 1, 2021 · 7c31f66 · 7c31f66
2 parents c115d6b + 757063d
commit 7c31f66
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/src/components/properties/CellProperty/InputCell/script.js b/src/components/properties/CellProperty/InputCell/script.js
@@ -36,6 +36,12 @@ export default {
     },
   },
   methods: {
+    inputFocused() {
+      this.$emit('focused');
+    },
+    inputBlurred() {
+      this.$emit('blurred');
+    },
     onChange(value) {
       this.editing = true;
 

diff --git a/src/components/properties/CellProperty/InputCell/template.html b/src/components/properties/CellProperty/InputCell/template.html
@@ -4,5 +4,6 @@
   :readonly="domain && domain.readOnly"
   :error="error"
   @input="onChange"
-  @blur="editing = false"
+  @blur="inputBlurred()"
+  @focus="inputFocused()"
 />
diff --git a/src/components/properties/CellProperty/template.html b/src/components/properties/CellProperty/template.html
@@ -36,6 +36,8 @@
           :domain="prop.ui && prop.ui.domain"
           :type="prop.ui && prop.ui.type"
           @input="onChange(arguments[0], i-1)"
+          v-on:focused="help = true"
+          v-on:blurred="editing = help = false"
         />
       </v-flex>
       <v-flex