dxDiagram - fix bubble mousedown events, scrollbar (T1305123, T1304998) (#31146)

Author: romanresh

packages/devextreme/js/ui/diagram/ui.diagram.js

@@ -47,6 +47,7 @@ const DIAGRAM_FLOATING_TOOLBAR_CONTAINER_CLASS = DIAGRAM_CLASS + '-floating-tool
 const DIAGRAM_PROPERTIES_PANEL_TOOLBAR_CONTAINER_CLASS = DIAGRAM_CLASS + '-properties-panel-toolbar-container';
 const DIAGRAM_LOADING_INDICATOR_CLASS = DIAGRAM_CLASS + '-loading-indicator';
 const DIAGRAM_FLOATING_PANEL_OFFSET = 12;
+const DIAGRAM_PROPERTIES_PANEL_NS_OFFSET = 16;
 
 const DIAGRAM_DEFAULT_UNIT = 'in';
 const DIAGRAM_DEFAULT_ZOOMLEVEL = 1;
@@ -474,21 +475,22 @@ class Diagram extends Widget {
     }
     _updatePropertiesToolbarPosition($container, $parent, isServerSide) {
         if(isServerSide) return;
-
+        const offset = this.option('useNativeScrolling') ? DIAGRAM_PROPERTIES_PANEL_NS_OFFSET : DIAGRAM_FLOATING_PANEL_OFFSET;
         positionUtils.setup($container, {
             my: 'right bottom',
             at: 'right bottom',
             of: $parent,
-            offset: '-' + DIAGRAM_FLOATING_PANEL_OFFSET + ' -' + DIAGRAM_FLOATING_PANEL_OFFSET
+            offset: `-${offset}px -${offset}px`
         });
     }
     _renderPropertiesPanel($parent) {
         const isServerSide = !hasWindow();
         const $propertiesPanel = $('<div>')
             .appendTo($parent);
 
-        const offsetX = DIAGRAM_FLOATING_PANEL_OFFSET;
-        const offsetY = 2 * DIAGRAM_FLOATING_PANEL_OFFSET + (!isServerSide ? getOuterHeight(this._propertiesToolbar.$element()) : 0);
+        const offset = this.option('useNativeScrolling') ? DIAGRAM_PROPERTIES_PANEL_NS_OFFSET : DIAGRAM_FLOATING_PANEL_OFFSET;
+        const offsetX = offset;
+        const offsetY = 2 * offset + (!isServerSide ? getOuterHeight(this._propertiesToolbar.$element()) : 0);
         this._propertiesPanel = this._createComponent($propertiesPanel, DiagramPropertiesPanel, {
             isMobileView: this.isMobileScreenSize(),
             isVisible: this._isPropertiesPanelVisible(),

pnpm-lock.yaml

@@ -9,7 +9,7 @@ catalog:
   inferno-hydrate: ^8.2.3
   inferno-create-element: ^8.2.3
   inferno-server: ^8.2.3
-  devexpress-diagram: 2.2.21
+  devexpress-diagram: 2.2.24
   devexpress-gantt: 4.1.64
   devextreme-quill: 1.7.4
   eslint: 9.18.0