1
0
mirror of https://github.com/phuoc-ng/csslayout.git synced 2025-08-09 07:36:30 +02:00

Fix browser frame card on Webkit

This commit is contained in:
Phuoc Nguyen
2019-11-17 23:25:57 +07:00
parent 0cfbd42e40
commit 306c9ac966

View File

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