work for #8396 fix vue ts

surveyjs · Jun 10, 2024 · 355ea55 · 355ea55
1 parent 9b606ad
commit 355ea55
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/packages/survey-vue3-ui/src/ElementHeader.vue b/packages/survey-vue3-ui/src/ElementHeader.vue
@@ -19,7 +19,7 @@ const clickTitleFunction = (e: any) => {
   }
 };
 const getStyle = () => {
-  const headerStyle = { width: undefined };
+  const headerStyle: any = { width: undefined };
   if("titleWidth" in props.element) {
     headerStyle.width = props.element.titleWidth;
   }

diff --git a/src/vue/elementheader.vue b/src/vue/elementheader.vue
@@ -1,5 +1,5 @@
 <template>
-  <div :class="element.cssHeader" @click="clickTitleFunction" :style="{ width: element.titleWidth }">
+  <div :class="element.cssHeader" @click="clickTitleFunction" :style="titleStyle">
     <survey-element-title :element="element" :css="css" />
     <div v-if="element.hasDescriptionUnderTitle" v-show="element.hasDescription" :class="element.cssDescription"
       :id="element.ariaDescriptionId">
@@ -24,6 +24,14 @@ export class ElementHeader extends Vue {
       (<any>this.element).clickTitleFunction(e);
     }
   }
+
+  get titleStyle() {
+    const headerStyle: any = { width: undefined };
+    if("titleWidth" in this.element) {
+      headerStyle.width = this.element.titleWidth;
+    }
+    return headerStyle;
+  }
 }
 Vue.component("survey-element-header", ElementHeader);
 export default ElementHeader;