Jquery 即使下拉列表不可见，也可以选择“物化选择”下拉列表

我已经为一个项目实现了Materialize。如图所示，即使下拉菜单未处于活动状态，如果我将鼠标悬停在下拉菜单附近，我也可以选择一个选项。不确定这是如何发生的以及为什么发生的

下面是HTML代码。字段集的z-depth-1类不影响上述行为

创建了一个JSFIDLE-，但它没有显示前面提到的行为。我相信，这与物化渲染方式（有选项和无选项）有关。不知道，这里发生了什么。如果我选择一个下拉列表，该行为就会消失

<div class="horizontal-list label-top filterTable main-div-shadow row section" id="filterTable" style="display:none">
<fieldset class="z-depth-1">
<legend><h4>{translate key=Filter}</h4></legend>
<div class="col s12">
    <form id="filterForm">
        <!-- <div class="main-div-header">{translate key=Filter}</div> -->
        <ul class="section">
            <li style="padding-left:0px !important">
                <label for="filterResourceName">{translate key=ResourceName}</label>
                <input type="text" id="filterResourceName" class="textbox" {formname key=RESOURCE_NAME} value="{$ResourceNameFilter}"/ />
            </li>
            <li>
                <label for="filterScheduleId">{translate key=Schedule}</label>
                <select id="filterScheduleId" {formname key=SCHEDULE_ID} class="textbox">
                    <option value="">{translate key=AllSchedules}</option>
                    {object_html_options options=$AllSchedules key='GetId' label="GetName" selected=$ScheduleIdFilter}
                </select>
            </li>

            <li>
                <label for="filterResourceType">{translate key=ResourceType}</label>
                <select id="filterResourceType" class="textbox" {formname key=RESOURCE_TYPE_ID}>
                    <option value="">{translate key=All}</option>
                    {object_html_options options=$ResourceTypes key='Id' label="Name" selected=$ResourceTypeFilter}
                </select>
            </li>
            <li>
                <label for="resourceStatusIdFilter">{translate key=ResourceStatus}</label>
                <select id="resourceStatusIdFilter" class="textbox" {formname key=RESOURCE_STATUS_ID}>
                    <option value="">{translate key=All}</option>
                    <option value="{ResourceStatus::AVAILABLE}">{translate key=Available}</option>
                    <option value="{ResourceStatus::UNAVAILABLE}">{translate key=Unavailable}</option>
                    <option value="{ResourceStatus::HIDDEN}">{translate key=Hidden}</option>
                </select>
            </li>
            <li>
                <label for="resourceReasonIdFilter">{translate key=Reason}</label>
                <select id="resourceReasonIdFilter" class="textbox" {formname key=RESOURCE_STATUS_REASON_ID}>
                    <option value="">{translate key=None}</option>
                </select>
            </li>
            <li>
                <label for="filterCapacity">{translate key=MinimumCapacity}</label>
                <input type="number" min="0" id="filterCapacity" class="textbox" {formname key=MAX_PARTICIPANTS} value="{$CapacityFilter}"/>
            </li>
            <li>
                <label for="filterRequiresApproval">{translate key='ResourceRequiresApproval'}</label>
                <select id="filterRequiresApproval" class="textbox" {formname key=REQUIRES_APPROVAL}>
                    {html_options options=$YesNoOptions selected=$RequiresApprovalFilter}
                </select>
            </li>
            <li>
                <label for="filterAutoAssign">{translate key='ResourcePermissionAutoGranted'}</label>
                <select id="filterAutoAssign" class="textbox" {formname key=AUTO_ASSIGN}>
                    {html_options options=$YesNoOptions selected=$AutoPermissionFilter}
                </select>
            </li>
            <li>
                <label for="filterAllowMultiDay">{translate key=ResourceAllowMultiDay}</label>
                <select id="filterAllowMultiDay" class="textbox" {formname key=ALLOW_MULTIDAY}>
                    {html_options options=$YesNoOptions selected=$AllowMultiDayFilter}
                </select>
            </li>
            {foreach from=$AttributeFilters item=attribute}
                <li class="customAttribute">
                    {control type="AttributeControl" attribute=$attribute searchmode=true idPrefix="search"}
                </li>
            {/foreach}
            <li>
                <div id="adminFilterButtons" class="right-align">
                    <button id="filter" class="button btn waves-effect waves-light"><i class="material-icons left">search</i> {translate key=Filter}</button>
                    <span>&nbsp;&nbsp;</span>
                    <a href="#" id="clearFilter" class="btn-flat waves-effect waves-light">{translate key=Reset}</a>
                </div>
            </li>
        </ul>
    </form>
</div>
</fieldset>

{translate key=Filter}


{translate key=ResourceName}


{translate key=Schedule}
{translate key=AllSchedules}
{object_html_options options=$AllSchedules key='GetId'label=“GetName”selected=$ScheduleIdFilter}


{translate key=ResourceType}
{translate key=All}
{object\u html\u options options=$ResourceTypes key='Id'label=“Name”selected=$ResourceTypeFilter}


{translate key=ResourceStatus}
{translate key=All}
{translate key=Available}
{translate key=Unavailable}
{转换键=隐藏}


{translate key=Reason}
{translate key=None}


{translate key=MinimumCapacity}


{translate key='ResourceRequiremesApproval'}
{html_options options=$YesNoOptions selected=$requiresprapprovalfilter}


{translate key='ResourcePermissionAutoGranted'}
{html_options options=$YesNoOptions selected=$AutoPermissionFilter}


{translate key=ResourceAllowMultiDay}
{html_options options=$YesNoOptions selected=$AllowMultiDayFilter}

{foreach from=$AttributeFilters item=attribute}

{control type=“AttributeControl”attribute=$attribute searchmode=true idPrefix=“search”}

{/foreach}

搜索{translate key=Filter}

---

增加高z指数；添加一些html代码，比如jsfidlecan，或者codepenI创建了JSFIDLE@Naila