Javascript 下拉菜单|材料设计|两项|重叠

我正试图实现只有下拉字段的材料设计。我已经研究了互联网上的几个例子，但是它们都有一个特别的错误。如果有两个下拉项彼此靠近，则它们会重叠

让我们按照这个例子：

如果复制了下拉项，则一切都不起作用

想法？

我在那里

我用过另一个图书馆。这个问题与z指数有关

如果您想了解它，这可能是解决方案：

感谢作者的图书馆和问题的答案

        <div class="button-group">
        <i id="icon"></i>
        <a id="input" href="">Choose an option</a>
          <ul id="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else </a></li>
            <li><a href="#">Account Settings</a></li>
            <li><a href="#">Help and Feedback</a></li>
          </ul>
        </div>