从 TreeView 中拖动事件时整个页面向右滚动 (schedule/external-drag-drop)

The whole page scrolls to right when dragging events from the TreeView (schedule/external-drag-drop)

任何人都可以注意到,在 the schedule external drag drop demo 中,有人可以从 TreeView 列表中拖动事件,当它靠近页面右侧边缘时,页面就会向右滚动。 这是一个 screenshot 显示它。 它也发生在我们的应用程序中,这很烦人。 我们希望能解决此问题。

来自 Syncfusion 支持的问候。

我们已经检查了您报告的拖动 TreeView 节点的问题,该节点会在输出网页中生成滚动条。目前,我们没有任何 属性 来防止拖动 TreeView 节点时的滚动。但是,我们已经将此视为我们的一项功能。它将包含在我们预计将于 2020 年 6 月发布的第 2 卷中。

跟踪以下 link 以了解功能状态。

https://www.syncfusion.com/feedback/13575/need-to-provide-the-option-to-set-the-drag-area-in-treeview-component

但是,您可以通过在创建的事件中为TreeView 的拖动对象的dragArea 设置目标来解决您的问题。设置目标时,只能在目标元素内部拖动元素。它防止元素滚动超过该元素。

请使用上述解决方案检查示例。

样本:https://stackblitz.com/edit/react-jqzozo-gqpyve?file=index.js

onCreate(){  
  this.treeObj.dragObj.dragArea = "body";  
}