Javascript 具体化firefox和chrome中未正确显示的芯片

我试图将Materialize模板中的芯片设计为如下：

我的芯片现在在Chrome中看起来像这样：

就像Firefox中的：

正如你所看到的，问题在于Chrome中的芯片隐藏在用户圈后面，而firefox中的用户圈根本没有显示，而“X”在芯片外面。。。 我的代码哪里出错了？？？ 请注意，我正在使用Meteor和Materialize框架

代码（用Meteor编写的芯片模板）：

{{#如果fcFilterActive}
{{{#每个fcFilterActive}
{{title}}:{{operator}{{value}}{{{operator2}}{{value2}}
关闭
{{/每个}}
重置所有过滤器
关闭
{{/if}

下面是我如何称呼模板的： 注：“toolBarUsers flex”是用户/成员的模板，“boardOption”是打开exta窗口的三个点。。。为了以防万一，我加入了代码：）

{{>Filter filterChips=true onlyChips=true template=“Contacts_list_all”fcFilterActive=fcFilterActive2}
{{#董事会成员中的每个成员}
{{member.profile.initials}
{{/每个}}

您的firefox和chrome浏览器是最新的吗？您可以在这里@BünyaminSarıgül查看受支持的版本是的，我的Firefox和Chrome是最新版本……您可以制作JSFIDLE或可关闭的repo吗？这看起来很奇怪。@Almaju我真的不知道如何为此创建JSFIDLE。。。由于在JSFIDLE中重新创建此代码对我不起作用。。。Materialize网站上的基本芯片代码。。。或者我做得不对哈哈，你的firefox和chrome是最新的吗？您可以在这里@BünyaminSarıgül查看受支持的版本是的，我的Firefox和Chrome是最新版本……您可以制作JSFIDLE或可关闭的repo吗？这看起来很奇怪。@Almaju我真的不知道如何为此创建JSFIDLE。。。由于在JSFIDLE中重新创建此代码对我不起作用。。。Materialize网站上的基本芯片代码。。。或者我只是做得不对哈哈xD

    <div class="flex" style="display:inline;">
     {{#if fcFilterActive}}
      {{#each fcFilterActive}}
     <div class="chip" style="background-color:#E0E0E0; margin-bottom:2px;">
     {{title}}: {{operator}} {{value}} {{operator2}} {{value2}}
     <i id="chipFilterClose" class="material-icons fc-filter-clear" style="">close</i>
     </div>
      {{/each}}
     <div class="chip" style="background-color:#E0E0E0; margin-bottom:2px;">
     Reset all filters
     <i class="material-icons fc-filter-reset" style="">close</i>
     </div>         
    {{/if}}
    </div>

<div class="boardChips">
            {{> Filter filterChips=true onlyChips=true template="Contacts_list_all" fcFilterActive=fcFilterActive2}}
            </div>

            <div class="toolBarUsers flex" style="display:flex; float:right;">    
              {{#each member in BoardMembers}}  
                <div class="other-profile" style="margin-top:4px; background-color:#f06292;">
                  <span>{{member.profile.initials}}</span>                  
                </div>
              {{/each}}
            </div>    
            <div class="boardOption">
                <a class='dropdown-button-board' href='#' data-activates='boardOptions{{board._id.valueOf}}'><i
                        class="material-icons icon-black">more_vert</i></a>
            </div>