下拉 |材料设计 |两个项目 |重叠

Question

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

我们来看看这个例子：

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

感谢作者提供图书馆并回答问题。