无法在gridstack中使用materializecss选择框选择选项

我有一个gridstack网格，在窗口小部件中有许多输入元素。 这些输入是materializecss输入元素。

当一个小的gridstack-widget中有一个selectbox（选项下拉列表溢出小部件边框）时，不能选择另一个小部件上的选项。

最初下拉列表位于以下小部件下，因此我将小部件的z-index设置为更高的值：

 $(".select-dropdown").on("focusin",function(){ $(this).parents(".grid-stack-item").addClass("active-grid-stack-item"); }); $(".select-dropdown").on("focusout",function(){ $(this).parents(".grid-stack-item").removeClass("active-grid-stack-item"); }); 

的jsfiddle

如何选择所有选项？