iOS 11 Safari : bottom borders of elements disapear randomly as we scroll up and down.

As the title implies, in iOS 11 borders of elements dispear as we scroll up and down. Triggering a redraw will make them appear or if we apply the following rules to the elements that have this issue:


-webkit-transform: translate3d(0,0,0);

transform: translate3d(0,0,0);


Here is a screen record to demostrate the issue in iOS 11 iPhone 7 simulator:

https://www.icloud.com/iclouddrive/0-aD8JexNg-lwv6VMsHjn6q0Q#Untitled.mov