From e4f7fb27e519f34dcd805c4b66552b71dea86a17 Mon Sep 17 00:00:00 2001
From: Smirnova Yuliya <Krijovnick@users.noreply.github.com>
Date: Thu, 13 Jun 2019 11:56:57 +0300
Subject: [PATCH] fix(react-chart): fix strange text artifacts during scrolling
 (#2081)

---
 packages/dx-react-chart/src/plugins/zoom-pan.tsx       | 2 ++
 packages/dx-react-core/src/draggable/mouse-strategy.ts | 6 ++----
 packages/dx-react-core/src/index.ts                    | 3 +++
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/packages/dx-react-chart/src/plugins/zoom-pan.tsx b/packages/dx-react-chart/src/plugins/zoom-pan.tsx
index 9ed620784b..1984723023 100644
--- a/packages/dx-react-chart/src/plugins/zoom-pan.tsx
+++ b/packages/dx-react-chart/src/plugins/zoom-pan.tsx
@@ -9,6 +9,7 @@ import {
   PluginComponents,
   withComponents,
   Size,
+  clearSelection,
 } from '@devexpress/dx-react-core';
 import { DragBox } from '../templates/drag-box';
 import {
@@ -131,6 +132,7 @@ class ZoomAndPanBase extends React.PureComponent<ZoomAndPanProps, ZoomAndPanStat
 
   handleMove(scales: ScalesCache, e: any, pane: Size) {
     e.preventDefault();
+    clearSelection();
     if (isMultiTouch(e)) {
       const current = getDeltaForTouches(e.touches);
       this.zoom(scales, current.delta - this.multiTouchDelta!, current.center);
diff --git a/packages/dx-react-core/src/draggable/mouse-strategy.ts b/packages/dx-react-core/src/draggable/mouse-strategy.ts
index 6f614831b8..6e0e761b16 100644
--- a/packages/dx-react-core/src/draggable/mouse-strategy.ts
+++ b/packages/dx-react-core/src/draggable/mouse-strategy.ts
@@ -1,6 +1,7 @@
 /* globals window:true document:true */
 
 import { toggleGestureCover } from './gesture-cover';
+import { clear } from './selection-utils';
 
 const BOUNDARY = 10;
 const clamp = (value, min, max) => Math.max(Math.min(value, max), min);
@@ -38,10 +39,7 @@ export class MouseStrategy {
     if (!this.dragging && this.mouseInitialOffset) {
       if (isBoundExceeded(this.mouseInitialOffset, { x, y })) {
         this.delegate.onStart(this.mouseInitialOffset);
-        const selection = window.getSelection && window.getSelection();
-        if (selection && selection.removeAllRanges) {
-          selection.removeAllRanges();
-        }
+        clear();
         dragStarted = true;
         this.dragging = true;
       }
diff --git a/packages/dx-react-core/src/index.ts b/packages/dx-react-core/src/index.ts
index 4a4ff803e3..9639e66814 100644
--- a/packages/dx-react-core/src/index.ts
+++ b/packages/dx-react-core/src/index.ts
@@ -9,6 +9,9 @@ export { TemplateConnector } from './plugin-based/template-connector';
 /** @internal */
 export { Draggable } from './draggable';
 
+/** @internal */
+export { clear as clearSelection } from './draggable/selection-utils';
+
 /** @internal */
 export { DragDropProvider } from './drag-drop/provider';
 /** @internal */