css - 物化 Css : select in card

Question

我正在尝试在卡片中使用选择。

Problem is that when the select list is open and it should overflow outside of card, it doesn't.

溢出的部分被隐藏/屏蔽/消失了。

我试过以下但失败了:

• 溢出:可见
• 增加 z-index
• 将位置更改为相对位置(这会动态增加卡片以适合选择 - 不是期望的结果)

附带的问题是，在卡片中使用选择(或其他输入)是否不是正确的 Material 设计？

Answer 1

这是因为 .card 类具有 overflow: hidden 样式。如果你从你的卡中删除它，它将允许选择的内容流出它的边界。

将 overflow: visible 添加到 .card 有效。这是一个 codepen .只需确保您正确覆盖了 .card 类样式即可。