work for #6655

surveyjs · Aug 29, 2023 · c4cb8af · c4cb8af
1 parent ae4c84f
commit c4cb8af
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 6 deletions.
diff --git a/src/defaultV2-theme/defaultV2.fontless.scss b/src/defaultV2-theme/defaultV2.fontless.scss
@@ -58,6 +58,8 @@ body {
   --sd-mobile-width: 600px;
   --sd-timer-size: calc(18 * #{$base-unit});
   width: 100%;
+  height: 100%;
+  overflow: auto;
   font-family: var(--font-family, $font-family);
   background-color: $background-dim;
   position: relative;
@@ -158,4 +160,4 @@ body {
   .sv-popup__body-content {
     background-color: $background-dim;
   }
-}
+}
diff --git a/src/knockout/templates/index.html b/src/knockout/templates/index.html
@@ -5,9 +5,6 @@
 
 <script type="text/html" id="survey-content-template">
   <div data-bind="css: rootCss, elementStyle: themeVariables">
-      <!-- ko if: !!renderBackgroundImage -->
-      <div data-bind="css: css.rootBackgroundImage, style: backgroundImageStyle"></div>
-      <!-- /ko -->
       <form onsubmit="return false;">
           <div class="sv_custom_header" data-bind="visible: !hasLogo"></div>
           <div data-bind="css: containerCss">

diff --git a/src/survey.ts b/src/survey.ts
@@ -1980,7 +1980,7 @@ export class SurveyModel extends SurveyElementCore
 
   @property({ defaultValue: {} }) private cssVariables: {[index: string]: string} = {};
   public get themeVariables() {
-    return Object.assign({}, this.cssVariables);
+    return Object.assign({}, this.cssVariables, this.backgroundImageStyle);
   }
 
   @property() _isMobile = false;
@@ -2042,11 +2042,13 @@ export class SurveyModel extends SurveyElementCore
     this.setPropertyValue("backgroundOpacity", val);
   }
   public get backgroundImageStyle() {
+    if(!this.renderBackgroundImage) return {};
+
     return {
       opacity: this.backgroundOpacity,
       backgroundImage: this.renderBackgroundImage,
       backgroundSize: this.backgroundImageFit,
-      backgroundAttachment: this.backgroundImageAttachment
+      backgroundAttachment: this.backgroundImageAttachment === "fixed" ? "scroll" : "local"
     };
   }
   /**
@@ -4482,6 +4484,7 @@ export class SurveyModel extends SurveyElementCore
       .append(this.css.rootMobile, this.isMobile)
       .append(this.css.rootReadOnly, this.mode === "display")
       .append(this.css.rootCompact, this.isCompact)
+      .append(this.css.rootBackgroundImage, !!this.renderBackgroundImage)
       .toString();
   }
   private resizeObserver: ResizeObserver;