切换时出现黑色叠加背景

Question

所以我有这个jsfiddle.net/sn7Ny，它来自this它完全没问题，只有当我使用iPad或iPhone时，我点击了一个问题，一个黑色的背景出现了无处不在在那个问题上。这是iPad / iPhone的故障吗？如何删除它？

这是我的css

.item {
  font: 12px Arial
}

.item .toggle{
 color: #555;
 font-weight: 700;
 display: inline-block;
 padding: 0.5em 0em 0.5em 2em;
 cursor: pointer;
 width: 95%;
 text-align: left
}


.item .toggle:hover,
.item .active {
 background: rgb(242,242,242);
 width: 95%;
 border-radius: 100px;
 -moz-border-radius: 100px;
 -webkit-border-radius: 100px;
 position: relative
}

谢谢！