Html 在覆盖模式下，不能使用Core Scaffold的“汉堡”抽屉切换按钮

我有一个聚合物，我把它放在封面模式。封面模式正确地将主面板的内容向上移动到工具栏上，但它禁用汉堡切换按钮。没有悬停边框，没有单击事件。这是虫子吗？有没有其他方法可以达到“覆盖”效果

以下是脚手架和内容的代码片段-

    <core-scaffold responsiveWidth="1200px" mode="cover">
        <core-header-panel navigation flex mode="seamed">
            <core-toolbar horizontal layout end class="nav-toolbar">
                <core-item flex label="john.johnson@example.com"></core-item>
            </core-toolbar>
            <core-menu theme="core-light-theme" selected="0" selectedItem="{{item}}">
                <core-item label="Inbox"></core-item>
                <core-item label="Upcoming"></core-item>
                <core-item label="All Tasks"></core-item>
                <core-item label="Completed"></core-item>
            </core-menu>
        </core-header-panel>
        <div tool>{{item.label}}</div>
        <div fit horizontal center-justified layout class="card-container">
            <main-card flex></main-card>
        </div>
    </core-scaffold>

我的卡片容器类的顶部也有一些空白，将其向下推，使其与工具栏的边缘对齐。它看起来像什么的屏幕截图