iPhone 6 Plus定位固定涂料bug

Question

iPhone 6 Plus，iOS 9.3.4运行Safari

我在网站移动版上有一个侧边菜单，显示为position: fixed，与iOS有关（如translate3d等）。这是一个具有以下风格的简单元素：

.sidebar {
   display: none;
   position: fixed;
   overflow: hidden;
   z-index: 150;

   top: 0; left: 0;
   height: 100%;
   width: 250px;

   background: #f0f0f0;
   transform: translate3d(0px, 0px, 0px);
}

当我通过JS显示它时（只需将display从none修改为block），然后我将方向更改为横向，我得到了最奇怪的行为：所有文本和从不渲染原生元素（如输入）。它只是空的灰色背景，只有一个定制的radiobutton图像挂在中间。一旦我将方向切换回来，它就被画得很好。

该错误仅发生在iPhone 6 Plus上（永远无法在iPad或iPhone 6上重现）。