鼠标滚动事件不响应反应选择内部反应滚动条

Question

我正在使用两个包。

1. react-select
2. reactScrollbar

我正在使用react scroller在我的项目中平滑滚动。在反应滚动条内部，我使用react-select来平滑下拉。

问题：每当我滚动react select下拉列表时。父滚动事件也会被触发，反应选择关闭它的下拉列表。由于我无法选择值表单下拉列表。

Answer 1

我的onWheel正在滚动父react-scrollbar滚动，因此我在react select的父div上如下添加了onWheel处理程序。希望这会有所帮助

onWheel=(e)=>{
 e.stopPropagation();
}

<div onWheel={this.onWheel}
 <Select ../>
</div>

Answer 2

您可以在 select 标签内添加 menuPortalTarget={document.body}。喜欢，

<select
...
menuPortalTarget={document.body}/>

它将使用 document.body 附加您的选择组件，并且在滚动过程中不会关闭下拉列表。