#7011 Weird symbols in question titles (#7012)

* #7011 Weird symbols in question titles Fixes #7011 * Weird symbols in question titles #7011
surveyjs · Sep 25, 2023 · be39f89 · be39f89
1 parent ed99e06
commit be39f89
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 4 deletions.
diff --git a/src/defaultCss/defaultV2Css.ts b/src/defaultCss/defaultV2Css.ts
@@ -168,6 +168,7 @@ export var defaultV2Css = {
     titleNumInline: "sd-element__title--num-inline",
     titleLeftRoot: "sd-question--left",
     titleOnAnswer: "sd-question__title--answer",
+    titleEmpty: "sd-question__title--empty",
     titleOnError: "sd-question__title--error",
     title: "sd-title sd-element__title sd-question__title",
     titleExpandable: "sd-element__title--expandable",

diff --git a/src/defaultV2-theme/blocks/sd-element.scss b/src/defaultV2-theme/blocks/sd-element.scss
@@ -58,10 +58,6 @@
 
   .sv-string-viewer {
     white-space: normal;
-
-    &::before {
-      content: "\200B";
-    }
   }
 }
 

diff --git a/src/defaultV2-theme/blocks/sd-question.scss b/src/defaultV2-theme/blocks/sd-question.scss
@@ -184,4 +184,10 @@
   width: max-content;
   overflow: visible;
   max-width: 100%;
+}
+.sd-question__title--empty {
+  .sv-string-viewer {
+    display: inline-block;
+    height: calcSize(3);
+  }
 }
diff --git a/src/question.ts b/src/question.ts
@@ -969,6 +969,7 @@ export class Question extends SurveyElement<Question>
     return new CssClassBuilder()
       .append(super.getCssTitle(cssClasses))
       .append(cssClasses.titleOnAnswer, !this.containsErrors && this.isAnswered)
+      .append(cssClasses.titleEmpty, !this.title.trim())
       .toString();
   }
   public get cssDescription(): string {