旋转时颤振消失卡片小部件中的内容

Question

当旋转带有更多角度的Card小部件中的内容时，我会出现消失的问题。有人可以为我指出正确的解决方案吗？

编辑：我开始认为这是一个错误，因为它仅在材料小部件中发生-如果旋转容器，则不会发生。

下面的代码说明了该问题。当我将卡旋转-pi / 2.7角度时，卡的内容在屏幕上可见。将角度更改为-pi / 2.6后，其内容消失。

var questions = [
    new Question("What language are we learning today?", ["Java", "C#","C++", "JavaScript"], "JavaScript"),
    new Question("Which language is used for styling web pages?", ["HTML", "JQuery", "CSS", "XML"], "CSS")

];


HTML form that I have created         
   <form action="" method="post" >
            <label>Enter question:</label>
            <input type="text" id="question" name="question" /><br/>
            <label>Option1:</label>
            <input type="text" id="option1" name ="option1"/><br/>
            <label>Option2:</label>
            <input type="text" id="option2" name ="option2"/><br/>
            <label>Option3:</label>
            <input type="text" id="option3" name ="option3"/><br/>
            <label>Option4:</label>
            <input type="text" id="option4" name ="option4"/><br/>
            <label>Enter answer</label>
            <input type="text" id="answer" name="answer" /><br/>
            <input type="submit" name="submit" value="Add quiz" />

            </form>

这两个屏幕截图说明了结果。为了突出问题，将Card的颜色设置为蓝色，其内容的颜色设置为绿色。

正确的结果（角度= -pi / 2.7）：

错误的结果（角度= -pi / 2.6）：