Angularjs 角材料md列表项有时全屏高度_Angularjs_Angular Material

Angularjs 角材料md列表项有时全屏高度

angularjs angular-material

Angularjs 角材料md列表项有时全屏高度,angularjs,angular-material,Angularjs,Angular Material,附加单击操作时，每个列表项以全屏高度结束。它应该只足够大，以包含文本下面是一个最小的问题示例，它显示了作为文件打开时的问题它在codepen中正常工作，在删除单击操作时正常工作。我正在Linux上的chrome浏览器中查看它 <html> <head> <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc.5/angular-ma

附加单击操作时，每个列表项以全屏高度结束。它应该只足够大，以包含文本

下面是一个最小的问题示例，它显示了作为文件打开时的问题

它在codepen中正常工作，在删除单击操作时正常工作。我正在Linux上的chrome浏览器中查看它

<html>
<head>
  <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc.5/angular-material.min.css">
</head>
<body>
  <md-list ng-app="BlankApp">
    <md-list-item ng-click="null">
      <p> List item 1 </p>
    </md-list-item>
    <md-list-item ng-click="null">
      <p> List item 2 </p>
    </md-list-item>
  </md-list>

  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular-animate.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular-aria.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular-messages.min.js"></script>

  <script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc.5/angular-material.min.js"></script>

  <script type="text/javascript">
    angular.module('BlankApp', ['ngMaterial']);
  </script>

</body>
</html>


清单项目1
清单项目2
角度模块（'BlankApp'，['ngMaterial']）；

这是一个类似问题的简化版本：

我在MacBook的Chrome和Safari中重现了这个非常奇怪的问题。它不会出现在Firefox中

罪魁祸首似乎是

md列表项的\u md-list-item-inner
的100%高度

如果您将此添加到
中，则一切都应该正常
<style>
  md-list-item._md-button-wrap>div.md-button:first-child ._md-list-item-inner {
    height: initial;
  }
</style>


md列表项。_md-button-wrap>div.md-button:第一个子项。_md-list-item-inner{
高度：初始高度；
}