From 6d51593b7d09f5ea115d2675d77a0333916b7155 Mon Sep 17 00:00:00 2001
From: zadam <zadam.apps@gmail.com>
Date: Sat, 5 Jun 2021 22:07:15 +0200
Subject: [PATCH] removed CSS contain from widgets

---
 src/public/app/layouts/desktop_layout.js                    | 4 +---
 src/public/app/layouts/mobile_layout.js                     | 2 +-
 src/public/app/services/resizer.js                          | 2 +-
 .../app/widgets/attribute_widgets/attribute_detail.js       | 1 -
 .../app/widgets/attribute_widgets/attribute_editor.js       | 1 -
 src/public/app/widgets/basic_widget.js                      | 6 ++++--
 src/public/app/widgets/buttons/button_widget.js             | 1 -
 src/public/app/widgets/buttons/global_menu.js               | 1 -
 src/public/app/widgets/buttons/note_actions.js              | 1 -
 src/public/app/widgets/collapsible_widget.js                | 1 -
 src/public/app/widgets/containers/ribbon_container.js       | 1 -
 src/public/app/widgets/history_navigation.js                | 1 -
 .../app/widgets/mobile_widgets/close_detail_button.js       | 1 -
 src/public/app/widgets/mobile_widgets/mobile_detail_menu.js | 1 -
 .../app/widgets/mobile_widgets/mobile_global_buttons.js     | 1 -
 src/public/app/widgets/note_detail.js                       | 1 -
 src/public/app/widgets/note_icon.js                         | 1 -
 src/public/app/widgets/note_list.js                         | 1 -
 src/public/app/widgets/note_title.js                        | 1 -
 src/public/app/widgets/note_type.js                         | 1 -
 src/public/app/widgets/note_update_status.js                | 1 -
 src/public/app/widgets/protected_note_switch.js             | 1 -
 src/public/app/widgets/quick_search.js                      | 1 -
 src/public/app/widgets/ribbon_widgets/basic_properties.js   | 1 -
 src/public/app/widgets/ribbon_widgets/book_properties.js    | 1 -
 src/public/app/widgets/ribbon_widgets/file_properties.js    | 1 -
 src/public/app/widgets/ribbon_widgets/image_properties.js   | 1 -
 .../app/widgets/ribbon_widgets/inherited_attribute_list.js  | 1 -
 src/public/app/widgets/ribbon_widgets/link_map.js           | 1 -
 src/public/app/widgets/ribbon_widgets/note_info_widget.js   | 1 -
 src/public/app/widgets/ribbon_widgets/note_paths.js         | 1 -
 src/public/app/widgets/ribbon_widgets/note_properties.js    | 1 -
 .../app/widgets/ribbon_widgets/owned_attribute_list.js      | 1 -
 .../app/widgets/ribbon_widgets/promoted_attributes.js       | 1 -
 src/public/app/widgets/ribbon_widgets/search_definition.js  | 2 --
 src/public/app/widgets/ribbon_widgets/similar_notes.js      | 1 -
 src/public/app/widgets/search_result.js                     | 1 -
 src/public/app/widgets/sql_result.js                        | 1 -
 src/public/app/widgets/sql_table_schemas.js                 | 1 -
 src/public/app/widgets/sync_status.js                       | 1 -
 src/public/app/widgets/tab_row.js                           | 1 -
 src/public/app/widgets/title_bar_buttons.js                 | 1 -
 src/public/app/widgets/type_widgets/book.js                 | 1 -
 src/public/app/widgets/type_widgets/deleted.js              | 1 -
 src/public/app/widgets/type_widgets/editable_code.js        | 1 -
 src/public/app/widgets/type_widgets/editable_text.js        | 1 -
 src/public/app/widgets/type_widgets/empty.js                | 1 -
 src/public/app/widgets/type_widgets/file.js                 | 1 -
 src/public/app/widgets/type_widgets/image.js                | 1 -
 src/public/app/widgets/type_widgets/protected_session.js    | 1 -
 src/public/app/widgets/type_widgets/read_only_code.js       | 1 -
 src/public/app/widgets/type_widgets/read_only_text.js       | 1 -
 src/public/app/widgets/type_widgets/relation_map.js         | 1 -
 src/public/app/widgets/type_widgets/render.js               | 1 -
 src/public/stylesheets/style.css                            | 4 ----
 55 files changed, 7 insertions(+), 62 deletions(-)

diff --git a/src/public/app/layouts/desktop_layout.js b/src/public/app/layouts/desktop_layout.js
index ef22157f1..39ad7b027 100644
--- a/src/public/app/layouts/desktop_layout.js
+++ b/src/public/app/layouts/desktop_layout.js
@@ -71,7 +71,6 @@ export default class DesktopLayout {
                     .command("showRecentChanges"))
                 .child(new SpacerWidget(40, 0))
                 .child(new FlexContainer("column")
-                    .overflowing()
                     .id("plugin-buttons"))
                 .child(new SpacerWidget(0, 1000))
                 .child(new ProtectedSessionStatusWidget())
@@ -87,7 +86,7 @@ export default class DesktopLayout {
             .child(new FlexContainer('column')
                 .id('rest-pane')
                 .css("flex-grow", "1")
-                .child(new FlexContainer('row').overflowing()
+                .child(new FlexContainer('row')
                     .child(new TabRowWidget())
                     .child(new TitleBarButtonsWidget())
                     .css('height', '40px')
@@ -103,7 +102,6 @@ export default class DesktopLayout {
                                 .child(new FlexContainer('row').class('title-row')
                                     .css('align-items: center;')
                                     .cssBlock('.title-row > * { margin: 5px; }')
-                                    .overflowing()
                                     .child(new NoteIconWidget())
                                     .child(new NoteTitleWidget())
                                     .child(new SpacerWidget(0, 1))
diff --git a/src/public/app/layouts/mobile_layout.js b/src/public/app/layouts/mobile_layout.js
index a715b5563..6ca7ac95b 100644
--- a/src/public/app/layouts/mobile_layout.js
+++ b/src/public/app/layouts/mobile_layout.js
@@ -98,7 +98,7 @@ export default class MobileLayout {
             .child(new ScreenContainer("detail", "column")
                 .class("d-sm-flex d-md-flex d-lg-flex d-xl-flex col-12 col-sm-7 col-md-8 col-lg-8")
                 .css('max-height', '100%')
-                .child(new FlexContainer('row').overflowing()
+                .child(new FlexContainer('row')
                     .css('font-size', 'larger')
                     .css('align-items', 'center')
                     .css('position', 'fixed')
diff --git a/src/public/app/services/resizer.js b/src/public/app/services/resizer.js
index f613fca04..0901a05c2 100644
--- a/src/public/app/services/resizer.js
+++ b/src/public/app/services/resizer.js
@@ -54,7 +54,7 @@ function setupRightPaneResizer() {
         leftInstance = Split(['#center-pane', '#right-pane'], {
             sizes: [100 - rightPaneWidth, rightPaneWidth],
             gutterSize: 5,
-            onDragEnd: sizes => options.save('rightPaneWidth', Math.round(sizes[0]))
+            onDragEnd: sizes => options.save('rightPaneWidth', Math.round(sizes[1]))
         });
     }
 }
diff --git a/src/public/app/widgets/attribute_widgets/attribute_detail.js b/src/public/app/widgets/attribute_widgets/attribute_detail.js
index 5d9e2f481..1860f4361 100644
--- a/src/public/app/widgets/attribute_widgets/attribute_detail.js
+++ b/src/public/app/widgets/attribute_widgets/attribute_detail.js
@@ -237,7 +237,6 @@ export default class AttributeDetailWidget extends NoteContextAwareWidget {
         utils.bindElShortcut(this.$widget, 'ctrl+return', () => this.saveAndClose());
         utils.bindElShortcut(this.$widget, 'esc', () => this.cancelAndClose());
 
-        this.contentSized();
 
         this.$title = this.$widget.find('.attr-detail-title');
 
diff --git a/src/public/app/widgets/attribute_widgets/attribute_editor.js b/src/public/app/widgets/attribute_widgets/attribute_editor.js
index 8f0c69a20..ff148013c 100644
--- a/src/public/app/widgets/attribute_widgets/attribute_editor.js
+++ b/src/public/app/widgets/attribute_widgets/attribute_editor.js
@@ -185,7 +185,6 @@ export default class AttributeEditorWidget extends NoteContextAwareWidget {
 
     doRender() {
         this.$widget = $(TPL);
-        this.contentSized();
         this.$editor = this.$widget.find('.attribute-list-editor');
 
         this.initialized = this.initEditor();
diff --git a/src/public/app/widgets/basic_widget.js b/src/public/app/widgets/basic_widget.js
index bf3052cdf..be723e8be 100644
--- a/src/public/app/widgets/basic_widget.js
+++ b/src/public/app/widgets/basic_widget.js
@@ -26,12 +26,14 @@ class BasicWidget extends Component {
     }
 
     contentSized() {
-        this.css('contain', 'layout paint');
+        console.log("Using contentSized() is deprecated NOOP and it is recommended to remove its use.");
+
         return this;
     }
 
     overflowing() {
-        this.css('contain', 'none !important');
+        console.log("Using overflowing() is deprecated NOOP and it is recommended to remove its use.");
+
         return this;
     }
 
diff --git a/src/public/app/widgets/buttons/button_widget.js b/src/public/app/widgets/buttons/button_widget.js
index fdf0832b0..663235531 100644
--- a/src/public/app/widgets/buttons/button_widget.js
+++ b/src/public/app/widgets/buttons/button_widget.js
@@ -19,7 +19,6 @@ export default class ButtonWidget extends NoteContextAwareWidget {
 
     doRender() {
         this.$widget = $(TPL);
-        this.overflowing();
 
         if (this.settings.onClick) {
             this.$widget.on("click", () => this.settings.onClick(this));
diff --git a/src/public/app/widgets/buttons/global_menu.js b/src/public/app/widgets/buttons/global_menu.js
index f35800f56..3f1a2a60e 100644
--- a/src/public/app/widgets/buttons/global_menu.js
+++ b/src/public/app/widgets/buttons/global_menu.js
@@ -76,7 +76,6 @@ const TPL = `
 export default class GlobalMenuWidget extends BasicWidget {
     doRender() {
         this.$widget = $(TPL);
-        this.overflowing();
 
         this.$widget.find(".show-about-dialog-button").on('click',
             () => import("../../dialogs/about.js").then(d => d.showDialog()));
diff --git a/src/public/app/widgets/buttons/note_actions.js b/src/public/app/widgets/buttons/note_actions.js
index 74767d761..51cf5006f 100644
--- a/src/public/app/widgets/buttons/note_actions.js
+++ b/src/public/app/widgets/buttons/note_actions.js
@@ -32,7 +32,6 @@ const TPL = `
 export default class NoteActionsWidget extends NoteContextAwareWidget {
     doRender() {
         this.$widget = $(TPL);
-        this.overflowing();
 
         this.$showSourceButton = this.$widget.find('.show-source-button');
         this.$renderNoteButton = this.$widget.find('.render-note-button');
diff --git a/src/public/app/widgets/collapsible_widget.js b/src/public/app/widgets/collapsible_widget.js
index e5563fb7f..7533fe429 100644
--- a/src/public/app/widgets/collapsible_widget.js
+++ b/src/public/app/widgets/collapsible_widget.js
@@ -16,7 +16,6 @@ export default class CollapsibleWidget extends NoteContextAwareWidget {
 
     doRender() {
         this.$widget = $(WIDGET_TPL);
-        this.contentSized();
         this.$widget.find('[data-target]').attr('data-target', "#" + this.componentId);
 
         this.$bodyWrapper = this.$widget.find('.body-wrapper');
diff --git a/src/public/app/widgets/containers/ribbon_container.js b/src/public/app/widgets/containers/ribbon_container.js
index 1d26a3c9f..a18f335d9 100644
--- a/src/public/app/widgets/containers/ribbon_container.js
+++ b/src/public/app/widgets/containers/ribbon_container.js
@@ -130,7 +130,6 @@ export default class RibbonContainer extends NoteContextAwareWidget {
 
     doRender() {
         this.$widget = $(TPL);
-        this.overflowing();
 
         this.$tabContainer = this.$widget.find('.ribbon-tab-container');
         this.$buttonContainer = this.$widget.find('.ribbon-button-container');
diff --git a/src/public/app/widgets/history_navigation.js b/src/public/app/widgets/history_navigation.js
index fb39b811b..09ab85984 100644
--- a/src/public/app/widgets/history_navigation.js
+++ b/src/public/app/widgets/history_navigation.js
@@ -25,7 +25,6 @@ export default class HistoryNavigationWidget extends BasicWidget {
         }
 
         this.$widget = $(TPL);
-        this.contentSized();
 
         const contextMenuHandler = e => {
             e.preventDefault();
diff --git a/src/public/app/widgets/mobile_widgets/close_detail_button.js b/src/public/app/widgets/mobile_widgets/close_detail_button.js
index af4ab4c4a..d05aec633 100644
--- a/src/public/app/widgets/mobile_widgets/close_detail_button.js
+++ b/src/public/app/widgets/mobile_widgets/close_detail_button.js
@@ -8,7 +8,6 @@ const TPL = `
 class CloseDetailButtonWidget extends BasicWidget {
     doRender() {
         this.$widget = $(TPL);
-        this.overflowing();
 
         this.$widget.on('click', () => this.triggerCommand('setActiveScreen', {screen:'tree'}));
     }
diff --git a/src/public/app/widgets/mobile_widgets/mobile_detail_menu.js b/src/public/app/widgets/mobile_widgets/mobile_detail_menu.js
index be20afe75..8d01c322a 100644
--- a/src/public/app/widgets/mobile_widgets/mobile_detail_menu.js
+++ b/src/public/app/widgets/mobile_widgets/mobile_detail_menu.js
@@ -10,7 +10,6 @@ const TPL = `<button type="button" class="action-button bx bx-menu" style="paddi
 class MobileDetailMenuWidget extends BasicWidget {
     doRender() {
         this.$widget = $(TPL);
-        this.overflowing();
 
         this.$widget.on("click", async e => {
             const note = appContext.tabManager.getActiveContextNote();
diff --git a/src/public/app/widgets/mobile_widgets/mobile_global_buttons.js b/src/public/app/widgets/mobile_widgets/mobile_global_buttons.js
index 89b2dcde1..71d9dcd60 100644
--- a/src/public/app/widgets/mobile_widgets/mobile_global_buttons.js
+++ b/src/public/app/widgets/mobile_widgets/mobile_global_buttons.js
@@ -48,7 +48,6 @@ const WIDGET_TPL = `
 class MobileGlobalButtonsWidget extends BasicWidget {
     doRender() {
         this.$widget = $(WIDGET_TPL);
-        this.overflowing();
     }
 }
 
diff --git a/src/public/app/widgets/note_detail.js b/src/public/app/widgets/note_detail.js
index f40c565ce..8e5ab9b87 100644
--- a/src/public/app/widgets/note_detail.js
+++ b/src/public/app/widgets/note_detail.js
@@ -75,7 +75,6 @@ export default class NoteDetailWidget extends NoteContextAwareWidget {
 
     doRender() {
         this.$widget = $(TPL);
-        this.contentSized();
 
         this.$widget.on("dragover", e => e.preventDefault());
 
diff --git a/src/public/app/widgets/note_icon.js b/src/public/app/widgets/note_icon.js
index 1b358f694..50136c25d 100644
--- a/src/public/app/widgets/note_icon.js
+++ b/src/public/app/widgets/note_icon.js
@@ -78,7 +78,6 @@ const TPL = `
 export default class NoteIconWidget extends NoteContextAwareWidget {
     doRender() {
         this.$widget = $(TPL);
-        this.overflowing();
         this.$icon = this.$widget.find('button.note-icon');
         this.$iconList = this.$widget.find('.icon-list');
         this.$iconList.on('click', 'span', async e => {
diff --git a/src/public/app/widgets/note_list.js b/src/public/app/widgets/note_list.js
index 32cd5eb88..df9b02e43 100644
--- a/src/public/app/widgets/note_list.js
+++ b/src/public/app/widgets/note_list.js
@@ -32,7 +32,6 @@ export default class NoteListWidget extends NoteContextAwareWidget {
     doRender() {
         this.$widget = $(TPL);
         this.$content = this.$widget.find('.note-list-widget-content');
-        this.contentSized();
 
         const observer = new IntersectionObserver(entries => {
             this.isIntersecting = entries[0].isIntersecting;
diff --git a/src/public/app/widgets/note_title.js b/src/public/app/widgets/note_title.js
index 991d078de..e20ffd102 100644
--- a/src/public/app/widgets/note_title.js
+++ b/src/public/app/widgets/note_title.js
@@ -44,7 +44,6 @@ export default class NoteTitleWidget extends NoteContextAwareWidget {
 
     doRender() {
         this.$widget = $(TPL);
-        this.contentSized();
         this.$noteTitle = this.$widget.find(".note-title");
 
         this.$noteTitle.on('input', () => this.spacedUpdate.scheduleUpdate());
diff --git a/src/public/app/widgets/note_type.js b/src/public/app/widgets/note_type.js
index 038d6c23a..91a1bf9fe 100644
--- a/src/public/app/widgets/note_type.js
+++ b/src/public/app/widgets/note_type.js
@@ -34,7 +34,6 @@ const TPL = `
 export default class NoteTypeWidget extends NoteContextAwareWidget {
     doRender() {
         this.$widget = $(TPL);
-        this.overflowing();
 
         this.$widget.on('show.bs.dropdown', () => this.renderDropdown());
 
diff --git a/src/public/app/widgets/note_update_status.js b/src/public/app/widgets/note_update_status.js
index dfbc8cab7..9672cb959 100644
--- a/src/public/app/widgets/note_update_status.js
+++ b/src/public/app/widgets/note_update_status.js
@@ -27,7 +27,6 @@ export default class NoteUpdateStatusWidget extends NoteContextAwareWidget {
 
     doRender() {
         this.$widget = $(TPL);
-        this.overflowing();
 
         this.$filePath = this.$widget.find(".file-path");
         this.$fileLastModified = this.$widget.find(".file-last-modified");
diff --git a/src/public/app/widgets/protected_note_switch.js b/src/public/app/widgets/protected_note_switch.js
index f8140be38..93cca599d 100644
--- a/src/public/app/widgets/protected_note_switch.js
+++ b/src/public/app/widgets/protected_note_switch.js
@@ -73,7 +73,6 @@ const TPL = `
 export default class ProtectedNoteSwitchWidget extends NoteContextAwareWidget {
     doRender() {
         this.$widget = $(TPL);
-        this.overflowing();
 
         this.$protectButton = this.$widget.find(".protect-button");
         this.$protectButton.on('click', () => protectedSessionService.protectNote(this.noteId, true, false));
diff --git a/src/public/app/widgets/quick_search.js b/src/public/app/widgets/quick_search.js
index 6518b8441..3c08f2403 100644
--- a/src/public/app/widgets/quick_search.js
+++ b/src/public/app/widgets/quick_search.js
@@ -43,7 +43,6 @@ const MAX_DISPLAYED_NOTES = 15;
 export default class QuickSearchWidget extends BasicWidget {
     doRender() {
         this.$widget = $(TPL);
-        this.overflowing();
 
         this.$searchString = this.$widget.find('.search-string');
         this.$dropdownMenu = this.$widget.find('.dropdown-menu');
diff --git a/src/public/app/widgets/ribbon_widgets/basic_properties.js b/src/public/app/widgets/ribbon_widgets/basic_properties.js
index 4cae449b9..312ef86d1 100644
--- a/src/public/app/widgets/ribbon_widgets/basic_properties.js
+++ b/src/public/app/widgets/ribbon_widgets/basic_properties.js
@@ -52,7 +52,6 @@ export default class BasicPropertiesWidget extends NoteContextAwareWidget {
 
     doRender() {
         this.$widget = $(TPL);
-        this.overflowing();
 
         this.$widget.find(".note-type-container").append(this.noteTypeWidget.render());
         this.$widget.find(".protected-note-switch-container").append(this.protectedNoteSwitchWidget.render());
diff --git a/src/public/app/widgets/ribbon_widgets/book_properties.js b/src/public/app/widgets/ribbon_widgets/book_properties.js
index 42abb0228..86b117fcc 100644
--- a/src/public/app/widgets/ribbon_widgets/book_properties.js
+++ b/src/public/app/widgets/ribbon_widgets/book_properties.js
@@ -58,7 +58,6 @@ export default class BookPropertiesWidget extends NoteContextAwareWidget {
 
     doRender() {
         this.$widget = $(TPL);
-        this.overflowing();
 
         this.$viewTypeSelect = this.$widget.find('.view-type-select');
         this.$viewTypeSelect.on('change', () => this.toggleViewType(this.$viewTypeSelect.val()));
diff --git a/src/public/app/widgets/ribbon_widgets/file_properties.js b/src/public/app/widgets/ribbon_widgets/file_properties.js
index e7b8c49e7..c4d97ed48 100644
--- a/src/public/app/widgets/ribbon_widgets/file_properties.js
+++ b/src/public/app/widgets/ribbon_widgets/file_properties.js
@@ -70,7 +70,6 @@ export default class FilePropertiesWidget extends NoteContextAwareWidget {
 
     doRender() {
         this.$widget = $(TPL);
-        this.contentSized();
         this.$fileNoteId = this.$widget.find(".file-note-id");
         this.$fileName = this.$widget.find(".file-filename");
         this.$fileType = this.$widget.find(".file-filetype");
diff --git a/src/public/app/widgets/ribbon_widgets/image_properties.js b/src/public/app/widgets/ribbon_widgets/image_properties.js
index a53b3f1a7..d35b0f9ac 100644
--- a/src/public/app/widgets/ribbon_widgets/image_properties.js
+++ b/src/public/app/widgets/ribbon_widgets/image_properties.js
@@ -52,7 +52,6 @@ export default class ImagePropertiesWidget extends NoteContextAwareWidget {
 
     doRender() {
         this.$widget = $(TPL);
-        this.contentSized();
         this.$copyToClipboardButton = this.$widget.find(".image-copy-to-clipboard");
         this.$uploadNewRevisionButton = this.$widget.find(".image-upload-new-revision");
         this.$uploadNewRevisionInput = this.$widget.find(".image-upload-new-revision-input");
diff --git a/src/public/app/widgets/ribbon_widgets/inherited_attribute_list.js b/src/public/app/widgets/ribbon_widgets/inherited_attribute_list.js
index 44e14ae87..d9c692d44 100644
--- a/src/public/app/widgets/ribbon_widgets/inherited_attribute_list.js
+++ b/src/public/app/widgets/ribbon_widgets/inherited_attribute_list.js
@@ -38,7 +38,6 @@ export default class InheritedAttributesWidget extends NoteContextAwareWidget {
 
     doRender() {
         this.$widget = $(TPL);
-        this.overflowing();
 
         this.$container = this.$widget.find('.inherited-attributes-container');
         this.$widget.append(this.attributeDetailWidget.render());
diff --git a/src/public/app/widgets/ribbon_widgets/link_map.js b/src/public/app/widgets/ribbon_widgets/link_map.js
index fb90fe114..126c96b11 100644
--- a/src/public/app/widgets/ribbon_widgets/link_map.js
+++ b/src/public/app/widgets/ribbon_widgets/link_map.js
@@ -78,7 +78,6 @@ export default class LinkMapWidget extends NoteContextAwareWidget {
 
         this.$styleResolver = this.$widget.find('.style-resolver');
 
-        this.overflowing();
 
         window.addEventListener('resize', () => {
             if (!this.graph) { // no graph has been even rendered
diff --git a/src/public/app/widgets/ribbon_widgets/note_info_widget.js b/src/public/app/widgets/ribbon_widgets/note_info_widget.js
index 95052c55a..9b4970627 100644
--- a/src/public/app/widgets/ribbon_widgets/note_info_widget.js
+++ b/src/public/app/widgets/ribbon_widgets/note_info_widget.js
@@ -76,7 +76,6 @@ export default class NoteInfoWidget extends NoteContextAwareWidget {
 
     doRender() {
         this.$widget = $(TPL);
-        this.overflowing();
 
         this.$noteId = this.$widget.find(".note-info-note-id");
         this.$dateCreated = this.$widget.find(".note-info-date-created");
diff --git a/src/public/app/widgets/ribbon_widgets/note_paths.js b/src/public/app/widgets/ribbon_widgets/note_paths.js
index 7ea25d038..8a4cdd03c 100644
--- a/src/public/app/widgets/ribbon_widgets/note_paths.js
+++ b/src/public/app/widgets/ribbon_widgets/note_paths.js
@@ -50,7 +50,6 @@ export default class NotePathsWidget extends NoteContextAwareWidget {
 
     doRender() {
         this.$widget = $(TPL);
-        this.overflowing();
 
         this.$notePathList = this.$widget.find(".note-path-list");
         this.$widget.on('show.bs.dropdown', () => this.renderDropdown());
diff --git a/src/public/app/widgets/ribbon_widgets/note_properties.js b/src/public/app/widgets/ribbon_widgets/note_properties.js
index b151a0d1c..7498974d0 100644
--- a/src/public/app/widgets/ribbon_widgets/note_properties.js
+++ b/src/public/app/widgets/ribbon_widgets/note_properties.js
@@ -30,7 +30,6 @@ export default class NotePropertiesWidget extends NoteContextAwareWidget {
 
     doRender() {
         this.$widget = $(TPL);
-        this.contentSized();
 
         this.$pageUrl = this.$widget.find('.page-url');
     }
diff --git a/src/public/app/widgets/ribbon_widgets/owned_attribute_list.js b/src/public/app/widgets/ribbon_widgets/owned_attribute_list.js
index ddb6563ef..acbb62e7b 100644
--- a/src/public/app/widgets/ribbon_widgets/owned_attribute_list.js
+++ b/src/public/app/widgets/ribbon_widgets/owned_attribute_list.js
@@ -41,7 +41,6 @@ export default class OwnedAttributeListWidget extends NoteContextAwareWidget {
 
     doRender() {
         this.$widget = $(TPL);
-        this.overflowing();
 
         this.$widget.find('.attr-editor-placeholder').replaceWith(this.attributeEditorWidget.render());
         this.$widget.append(this.attributeDetailWidget.render());
diff --git a/src/public/app/widgets/ribbon_widgets/promoted_attributes.js b/src/public/app/widgets/ribbon_widgets/promoted_attributes.js
index 5b8e6441e..7e11f51e0 100644
--- a/src/public/app/widgets/ribbon_widgets/promoted_attributes.js
+++ b/src/public/app/widgets/ribbon_widgets/promoted_attributes.js
@@ -37,7 +37,6 @@ const TPL = `
 export default class PromotedAttributesWidget extends NoteContextAwareWidget {
     doRender() {
         this.$widget = $(TPL);
-        this.overflowing();
         this.$container = this.$widget.find(".promoted-attributes-container");
     }
 
diff --git a/src/public/app/widgets/ribbon_widgets/search_definition.js b/src/public/app/widgets/ribbon_widgets/search_definition.js
index f2b0efb0f..e23b13964 100644
--- a/src/public/app/widgets/ribbon_widgets/search_definition.js
+++ b/src/public/app/widgets/ribbon_widgets/search_definition.js
@@ -217,8 +217,6 @@ export default class SearchDefinitionWidget extends NoteContextAwareWidget {
         this.$widget = $(TPL);
         this.$component = this.$widget.find('.search-definition-widget');
 
-        this.contentSized();
-        this.overflowing();
 
         this.$widget.on('click', '[data-search-option-add]', async event => {
             const searchOptionName = $(event.target).attr('data-search-option-add');
diff --git a/src/public/app/widgets/ribbon_widgets/similar_notes.js b/src/public/app/widgets/ribbon_widgets/similar_notes.js
index d29d31ca7..57d4c830d 100644
--- a/src/public/app/widgets/ribbon_widgets/similar_notes.js
+++ b/src/public/app/widgets/ribbon_widgets/similar_notes.js
@@ -47,7 +47,6 @@ export default class SimilarNotesWidget extends NoteContextAwareWidget {
 
     doRender() {
         this.$widget = $(TPL);
-        this.overflowing();
 
         this.$similarNotesWrapper = this.$widget.find(".similar-notes-wrapper");
     }
diff --git a/src/public/app/widgets/search_result.js b/src/public/app/widgets/search_result.js
index f73f9d4f7..f3f255306 100644
--- a/src/public/app/widgets/search_result.js
+++ b/src/public/app/widgets/search_result.js
@@ -44,7 +44,6 @@ export default class SearchResultWidget extends NoteContextAwareWidget {
         this.$content = this.$widget.find('.search-result-widget-content');
         this.$noResults = this.$widget.find('.search-no-results');
         this.$notExecutedYet = this.$widget.find('.search-not-executed-yet');
-        this.contentSized();
     }
 
     async refreshWithNote(note) {
diff --git a/src/public/app/widgets/sql_result.js b/src/public/app/widgets/sql_result.js
index 746542b04..c3c42d192 100644
--- a/src/public/app/widgets/sql_result.js
+++ b/src/public/app/widgets/sql_result.js
@@ -20,7 +20,6 @@ export default class SqlResultWidget extends NoteContextAwareWidget {
 
     doRender() {
         this.$widget = $(TPL);
-        this.overflowing();
 
         this.$sqlConsoleResultContainer = this.$widget.find('.sql-console-result-container');
     }
diff --git a/src/public/app/widgets/sql_table_schemas.js b/src/public/app/widgets/sql_table_schemas.js
index 5fdf08c51..bf6b9b3a4 100644
--- a/src/public/app/widgets/sql_table_schemas.js
+++ b/src/public/app/widgets/sql_table_schemas.js
@@ -42,7 +42,6 @@ export default class SqlTableSchemasWidget extends NoteContextAwareWidget {
 
     doRender() {
         this.$widget = $(TPL);
-        this.overflowing();
 
         this.$sqlConsoleTableSchemas = this.$widget.find('.sql-table-schemas');
     }
diff --git a/src/public/app/widgets/sync_status.js b/src/public/app/widgets/sync_status.js
index feaa6cbd9..05893639b 100644
--- a/src/public/app/widgets/sync_status.js
+++ b/src/public/app/widgets/sync_status.js
@@ -97,7 +97,6 @@ export default class SyncStatusWidget extends BasicWidget {
         this.$widget.find('.sync-status-icon:not(.sync-status-in-progress)')
             .on('click', () => syncService.syncNow())
 
-        this.overflowing();
     }
 
     showIcon(className) {
diff --git a/src/public/app/widgets/tab_row.js b/src/public/app/widgets/tab_row.js
index f28d39a02..44322229e 100644
--- a/src/public/app/widgets/tab_row.js
+++ b/src/public/app/widgets/tab_row.js
@@ -233,7 +233,6 @@ const TAB_ROW_TPL = `
 export default class TabRowWidget extends BasicWidget {
     doRender() {
         this.$widget = $(TAB_ROW_TPL);
-        this.overflowing();
 
         this.draggabillies = [];
 
diff --git a/src/public/app/widgets/title_bar_buttons.js b/src/public/app/widgets/title_bar_buttons.js
index f79784b00..3d443d7e0 100644
--- a/src/public/app/widgets/title_bar_buttons.js
+++ b/src/public/app/widgets/title_bar_buttons.js
@@ -35,7 +35,6 @@ export default class TitleBarButtonsWidget extends BasicWidget {
         }
 
         this.$widget = $(TPL);
-        this.contentSized();
 
         const $minimizeBtn = this.$widget.find(".minimize-btn");
         const $maximizeBtn = this.$widget.find(".maximize-btn");
diff --git a/src/public/app/widgets/type_widgets/book.js b/src/public/app/widgets/type_widgets/book.js
index 921cf5796..549b8a736 100644
--- a/src/public/app/widgets/type_widgets/book.js
+++ b/src/public/app/widgets/type_widgets/book.js
@@ -22,7 +22,6 @@ export default class BookTypeWidget extends TypeWidget {
 
     doRender() {
         this.$widget = $(TPL);
-        this.contentSized();
         this.$helpNoChildren = this.$widget.find('.note-detail-book-empty-help');
     }
 
diff --git a/src/public/app/widgets/type_widgets/deleted.js b/src/public/app/widgets/type_widgets/deleted.js
index e488a835a..56e7d0f21 100644
--- a/src/public/app/widgets/type_widgets/deleted.js
+++ b/src/public/app/widgets/type_widgets/deleted.js
@@ -14,6 +14,5 @@ export default class DeletedTypeWidget extends TypeWidget {
 
     doRender() {
         this.$widget = $(TPL);
-        this.contentSized();
     }
 }
diff --git a/src/public/app/widgets/type_widgets/editable_code.js b/src/public/app/widgets/type_widgets/editable_code.js
index 5eb04bd1e..9a9716d49 100644
--- a/src/public/app/widgets/type_widgets/editable_code.js
+++ b/src/public/app/widgets/type_widgets/editable_code.js
@@ -25,7 +25,6 @@ export default class EditableCodeTypeWidget extends TypeWidget {
 
     doRender() {
         this.$widget = $(TPL);
-        this.contentSized();
         this.$editor = this.$widget.find('.note-detail-code-editor');
         this.$executeButton = this.$widget.find('.execute-button');
 
diff --git a/src/public/app/widgets/type_widgets/editable_text.js b/src/public/app/widgets/type_widgets/editable_text.js
index 5a0a4db7d..3dd231177 100644
--- a/src/public/app/widgets/type_widgets/editable_text.js
+++ b/src/public/app/widgets/type_widgets/editable_text.js
@@ -77,7 +77,6 @@ export default class EditableTextTypeWidget extends AbstractTextTypeWidget {
 
     doRender() {
         this.$widget = $(TPL);
-        this.contentSized();
         this.$editor = this.$widget.find('.note-detail-editable-text-editor');
 
         this.initialized = this.initEditor();
diff --git a/src/public/app/widgets/type_widgets/empty.js b/src/public/app/widgets/type_widgets/empty.js
index d0335322b..eec65adac 100644
--- a/src/public/app/widgets/type_widgets/empty.js
+++ b/src/public/app/widgets/type_widgets/empty.js
@@ -49,7 +49,6 @@ export default class EmptyTypeWidget extends TypeWidget {
         // FIXME: this might be optimized - cleaned up after use since it's always used only for new tab
 
         this.$widget = $(TPL);
-        this.contentSized();
         this.$autoComplete = this.$widget.find(".note-autocomplete");
 
         noteAutocompleteService.initNoteAutocomplete(this.$autoComplete, {
diff --git a/src/public/app/widgets/type_widgets/file.js b/src/public/app/widgets/type_widgets/file.js
index 83361346a..74da271ac 100644
--- a/src/public/app/widgets/type_widgets/file.js
+++ b/src/public/app/widgets/type_widgets/file.js
@@ -42,7 +42,6 @@ export default class FileTypeWidget extends TypeWidget {
 
     doRender() {
         this.$widget = $(TPL);
-        this.contentSized();
         this.$previewContent = this.$widget.find(".file-preview-content");
         this.$previewNotAvailable = this.$widget.find(".file-preview-not-available");
         this.$pdfPreview = this.$widget.find(".pdf-preview");
diff --git a/src/public/app/widgets/type_widgets/image.js b/src/public/app/widgets/type_widgets/image.js
index 1c8ca64f0..bb9330a8d 100644
--- a/src/public/app/widgets/type_widgets/image.js
+++ b/src/public/app/widgets/type_widgets/image.js
@@ -43,7 +43,6 @@ class ImageTypeWidget extends TypeWidget {
 
     doRender() {
         this.$widget = $(TPL);
-        this.contentSized();
         this.$imageWrapper = this.$widget.find('.note-detail-image-wrapper');
         this.$imageView = this.$widget.find('.note-detail-image-view')
             .attr("id", "image-view-" + utils.randomString(10));
diff --git a/src/public/app/widgets/type_widgets/protected_session.js b/src/public/app/widgets/type_widgets/protected_session.js
index 53315d317..70617406d 100644
--- a/src/public/app/widgets/type_widgets/protected_session.js
+++ b/src/public/app/widgets/type_widgets/protected_session.js
@@ -25,7 +25,6 @@ export default class ProtectedSessionTypeWidget extends TypeWidget {
 
     doRender() {
         this.$widget = $(TPL);
-        this.contentSized();
         this.$passwordForm = this.$widget.find(".protected-session-password-form");
         this.$passwordInput = this.$widget.find(".protected-session-password");
 
diff --git a/src/public/app/widgets/type_widgets/read_only_code.js b/src/public/app/widgets/type_widgets/read_only_code.js
index 25cb7aa8a..8ee0e6792 100644
--- a/src/public/app/widgets/type_widgets/read_only_code.js
+++ b/src/public/app/widgets/type_widgets/read_only_code.js
@@ -32,7 +32,6 @@ export default class ReadOnlyCodeTypeWidget extends TypeWidget {
 
     doRender() {
         this.$widget = $(TPL);
-        this.contentSized();
         this.$content = this.$widget.find('.note-detail-read-only-code-content');
 
         this.$widget.find('.edit-code-note-button').on('click', () => {
diff --git a/src/public/app/widgets/type_widgets/read_only_text.js b/src/public/app/widgets/type_widgets/read_only_text.js
index 4612d186a..fb99ac0f6 100644
--- a/src/public/app/widgets/type_widgets/read_only_text.js
+++ b/src/public/app/widgets/type_widgets/read_only_text.js
@@ -65,7 +65,6 @@ export default class ReadOnlyTextTypeWidget extends AbstractTextTypeWidget {
 
     doRender() {
         this.$widget = $(TPL);
-        this.contentSized();
 
         this.$content = this.$widget.find('.note-detail-readonly-text-content');
 
diff --git a/src/public/app/widgets/type_widgets/relation_map.js b/src/public/app/widgets/type_widgets/relation_map.js
index 13afee3fd..d6aeaa665 100644
--- a/src/public/app/widgets/type_widgets/relation_map.js
+++ b/src/public/app/widgets/type_widgets/relation_map.js
@@ -99,7 +99,6 @@ export default class RelationMapTypeWidget extends TypeWidget {
 
     doRender() {
         this.$widget = $(TPL);
-        this.contentSized();
         this.$relationMapContainer = this.$widget.find(".relation-map-container");
         this.$createChildNote = this.$widget.find(".relation-map-create-child-note");
         this.$zoomInButton = this.$widget.find(".relation-map-zoom-in");
diff --git a/src/public/app/widgets/type_widgets/render.js b/src/public/app/widgets/type_widgets/render.js
index dff0ad2f8..7b5329866 100644
--- a/src/public/app/widgets/type_widgets/render.js
+++ b/src/public/app/widgets/type_widgets/render.js
@@ -17,7 +17,6 @@ export default class RenderTypeWidget extends TypeWidget {
 
     doRender() {
         this.$widget = $(TPL);
-        this.contentSized();
         this.$noteDetailRenderHelp = this.$widget.find('.note-detail-render-help');
         this.$noteDetailRenderContent = this.$widget.find('.note-detail-render-content');
     }
diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css
index b4eebc137..5082dc29a 100644
--- a/src/public/stylesheets/style.css
+++ b/src/public/stylesheets/style.css
@@ -602,10 +602,6 @@ a.external:not(.no-arrow):after, a[href^="http://"]:not(.no-arrow):after, a[href
     pointer-events: none;
 }
 
-.component {
-    contain: size;
-}
-
 .toast {
     background-color: var(--accented-background-color) !important;
     color: var(--main-text-color) !important;