1
0
mirror of https://github.com/phuoc-ng/csslayout.git synced 2025-08-19 04:11:24 +02:00

Merge pull request #27 from phuoc-ng/webkit-card

Fix browser frame card on Webkit
This commit is contained in:
phuoc-ng
2019-11-17 23:26:48 +07:00
committed by GitHub

View File

@@ -25,13 +25,19 @@ const BrowserFrame = ({ content, source }) => {
transform: isContentActive ? '' : 'rotateY(180deg)',
}}
>
<div className="overflow-scroll absolute top-0 left-0 h-100 w-100" style={{ backfaceVisibility: 'hidden' }}>
<div
className="overflow-scroll absolute top-0 left-0 h-100 w-100"
style={{
backfaceVisibility: 'hidden',
'-webkit-backface-visibility': 'hidden',
}}>
{content}
</div>
<div
className="absolute top-0 left-0 h-100 w-100"
style={{
backfaceVisibility: 'hidden',
'-webkit-backface-visibility': 'hidden',
transform: 'rotateY(180deg)',
}}
>