Work for #5551 - Implement TOC navigation - changed app markup and li…

…st selection behavior
surveyjs · Jan 23, 2023 · 098d0a3 · 098d0a3
1 parent 22f171f
commit 098d0a3
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 14 deletions.
diff --git a/src/knockout/templates/index.html b/src/knockout/templates/index.html
@@ -15,22 +15,24 @@
               <!-- ko template: { name: 'survey-timerpanel' } -->
               <!-- /ko -->
               <!-- /ko -->
-              <!-- ko if: isShowProgressBarOnTop && !isShowStartingPage -->
-              <!-- ko component: { name: 'sv-progress-' + progressBarType, params: { model: $data } } -->
-              <!-- /ko -->
-              <!-- /ko -->
-              <div data-bind="css: bodyCss, style:{maxWidth: renderedWidth}, attr: { id: activePage ? activePage.id : '' }">
+              <div data-bind="css: bodyContainerCss">
+                  <!-- ko if: isShowProgressBarOnTop && !isShowStartingPage -->
+                  <!-- ko component: { name: 'sv-progress-' + progressBarType, params: { model: $data } } -->
+                  <!-- /ko -->
+                  <!-- /ko -->
                   <!-- ko if: isNavigationButtonsShowingOnTop -->
                     <!-- ko component: { name: 'sv-action-bar', params: { model: navigationBar } } --><!-- /ko -->
                   <!-- /ko -->
-                  <!-- ko if: activePage -->
-                    <!-- ko template: { name: 'survey-page', data: activePage, afterRender: koAfterRenderPage } -->
-                    <!-- /ko -->
-                    <!-- ko if: activePage.rows.length == 0 && $data.emptyPageTemplate -->
-                    <!-- ko template: { name: emptyPageTemplate, data: $data.emptyPageTemplateData || $data } -->
-                    <!-- /ko -->
-                    <!-- /ko -->
-                  <!-- /ko -->
+                  <div data-bind="css: bodyCss, style:{maxWidth: renderedWidth}, attr: { id: activePage ? activePage.id : '' }">
+                      <!-- ko if: activePage -->
+                        <!-- ko template: { name: 'survey-page', data: activePage, afterRender: koAfterRenderPage } -->
+                        <!-- /ko -->
+                        <!-- ko if: activePage.rows.length == 0 && $data.emptyPageTemplate -->
+                        <!-- ko template: { name: emptyPageTemplate, data: $data.emptyPageTemplateData || $data } -->
+                        <!-- /ko -->
+                        <!-- /ko -->
+                      <!-- /ko -->
+                  </div>
                   <!-- ko if: isShowProgressBarOnBottom && !isShowStartingPage -->
                   <!-- ko component: { name: 'sv-progress-' + progressBarType, params: { model: $data } } -->
                   <!-- /ko -->

diff --git a/src/list.ts b/src/list.ts
@@ -130,7 +130,7 @@ export class ListModel extends ActionContainer {
   };
 
   public isItemSelected: (itemValue: Action) => boolean = (itemValue: Action) => {
-    return !!this.allowSelection && !!this.selectedItem && this.selectedItem.id == itemValue.id;
+    return !!this.selectedItem && this.selectedItem.id == itemValue.id;
   };
 
   public isItemFocused: (itemValue: Action) => boolean = (itemValue: Action) => {