Css模式可滚动窗口

Question

我有一个模式窗口，它后css翻译(居中它在页面内)其中的一些元素，如按钮边框变得有点切断(至少在铬)：https://jsfiddle.net/r67dsbp8/

应用一些修复，如：

-webkit-transform: translateZ(0);

在模式中使整个文本模糊，这会更糟。

如果我像这样尝试不同的标记：https://jsfiddle.net/2u5saj4q/

模态内容不再是垂直滚动的。在第二个例子中，我如何让它可以垂直滚动(如果垂直内容比适合的内容多)？