From 6da800f8c0d6fdc2570a1b26546aa1596aafbedc Mon Sep 17 00:00:00 2001
From: JuliaSvinareva <Julia.Svinaryova@onlyoffice.com>
Date: Thu, 26 Aug 2021 17:21:08 +0300
Subject: [PATCH] [DE] Page thumbnails: fix closing dropdown menu when click on
 slider item

---
 .../main/app/view/PageThumbnails.js           | 30 +++++++++++--------
 1 file changed, 17 insertions(+), 13 deletions(-)

diff --git a/apps/documenteditor/main/app/view/PageThumbnails.js b/apps/documenteditor/main/app/view/PageThumbnails.js
index 87578bc9d..64a00dc8e 100644
--- a/apps/documenteditor/main/app/view/PageThumbnails.js
+++ b/apps/documenteditor/main/app/view/PageThumbnails.js
@@ -78,14 +78,22 @@ define([
                 });
                 this.buttonClose.on('click', _.bind(this.onClickClosePanel, this));
 
-                var sizeSettingTemplate = _.template('<div id="thumbnails-size">' +
-                    '<label><%= caption %></label>' +
-                    '<div class="thumbnails-sld-box">' +
-                        '<span class="menu-item-icon menu__icon thumbnail-small"></span>' +
-                        '<div id="sld-thumbnails-size"></div>' +
-                        '<span class="menu-item-icon menu__icon thumbnail-big"></span>' +
-                    '</div>',
-                    '</div>');
+                this.mnuSizeSetting = new Common.UI.MenuItem({
+                    template: _.template([
+                        '<div id="thumbnails-size"',
+                            '<% if(!_.isUndefined(options.stopPropagation)) { %>',
+                                'data-stopPropagation="true"',
+                            '<% } %>', '>',
+                            '<label>' + this.textThumbnailsSize + '</label>',
+                            '<div class="thumbnails-sld-box">',
+                                '<span class="menu-item-icon menu__icon thumbnail-small"></span>',
+                                '<div id="sld-thumbnails-size"></div>',
+                                '<span class="menu-item-icon menu__icon thumbnail-big"></span>',
+                            '</div>',
+                        '</div>'
+                    ].join('')),
+                    stopPropagation: true
+                });
 
                 this.buttonSettings = new Common.UI.Button({
                     parentEl: $('#thumbnails-btn-settings', this.$el),
@@ -96,11 +104,7 @@ define([
                         menuAlign: 'tr-br',
                         style: 'min-width: 198px;',
                         items: [
-                            {
-                                caption: this.textThumbnailsSize,
-                                template: sizeSettingTemplate,
-                                toggleGroup: 'menuThumbnails'
-                            },
+                            this.mnuSizeSetting,
                             {caption: '--'},
                             {
                                 caption: this.textHighlightVisiblePart,