Why is the text not visible on IOS?

Question

css

Hello! I really need advice from an experienced layout designer for IOS
. The site has such a gray block with the text https://yadi.sk/i/cyVJpDinlnc-mQ
It appears when you click on the checkbox and works fine everywhere, except for IOS devices.
On IOS, the text is not visible, but when you try to select it with your finger, it appears.
For clarity, the video https://yadi.sk/i/oSdDte3GsCu17g
Link for example dev.goodbuying.ru/oczenka/?order=208132

Answer 1

This is a rendering bug in Safari due to overflow, opacity, etc.
I solved it like this:

/* Добавляем к этому правилу следующее */
.checkout .checkout-form .info-container.visible {
    transform: translateZ(0);
}

Try it.