无法点击div高度以外的溢出元素

Question

我试图复制角度材质选择，但在定位和事件时遇到了一些麻烦。

https://jsfiddle.net/eptcjssy/

我有孩子的div，其高度比父div的内父DIV

.fancy-select-container { 
position: relative; 
padding: 2px; 
margin: 0; 
vertical-align: middle; 
width:434px; 
text-align: left; 
display:block; 
height:35px; 
} 

和一个孩子的div

.fancy-select-container .list-container{ 
width:100%; 
position:absolute; 
top:100%; 
max-height:200px; 
background-color:white; 
} 

，然后列表因为它是一个列表。

问题是我只能点击/悬停第一个列表项，因为它在父级div高度内。我试着玩z-索引，但没有得到太多的快乐。我怎样才能让溢出的部分也接收事件呢？

感谢

Answer 1

从我所看到的，你需要在“.LIST项”级应用到列表中的所有项目。

示例小提琴。

<li class="list-item">1</li> 
<li class="list-item">2</li> 
<li class="list-item">3</li> 
<li class="list-item">4</li> 
<li class="list-item">5</li> 
<li class="list-item">6</li> 

https://jsfiddle.net/agvxqge6/