javascript - 下拉 | Material 设计 |两个元素 |重叠

Question

我正在尝试仅使用 Material Design 实现下拉字段。我查看了互联网上的几个示例，但是它们都有一个特定的错误。如果我有两个彼此靠近的下拉项，它们会重叠。

让我们按照这个例子:

http://codepen.io/sebastianbaumann/pen/bNKReL

        <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>

如果复制了下拉项，则无法正常工作。

想法？

Answer 1

我在那里，

我使用了另一个库。问题与z-index有关!

如果你想理解它，这可能是解决方案: https://github.com/emilsgulbis/jQuery-material-form-fields/issues/4

感谢作者提供的库和对问题的回答。