Bug 74912

Summary:

Glitches with requestFullScreen() and CSS 3D transforms

Product:

WebKit

Reporter:

Jeremy Apthorp <jeremya>

Component:

CSS

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED CONFIGURATION CHANGED

Severity:

Normal

CC:

fishd, fred.wang, jer.noble, koz

Priority:

Version:

528+ (Nightly build)

Hardware:

Unspecified

OS:

Unspecified

Bug Depends on:

Bug Blocks:

276855

Attachments:

Description	Flags
original report with colors	none

Jeremy Apthorp

Reported 2011-12-19 21:51:59 PST

When fullscreening the element that has the -webkit-transform style applied, the whole page is visible instead of just that element. <style> #fs-target { -webkit-transform: translateZ(-600px) rotateY(0deg) translateZ(600px); } </style> <p>outside of target</p> <div id="fs-target">fullscreen target</div> <button id="snippet-fs">go fullscreen</button> <script> document.getElementById('snippet-fs').onclick = function(e) { document.querySelector('#fs-target').webkitRequestFullScreen() }; </script>

Attachments
original report with colors (515 bytes, text/html) 2026-10-10 00:30 PDT, Frédéric Wang Nélar	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Frédéric Wang Nélar

Comment 1 2026-10-10 00:30:39 PDT

Created attachment 481742 [details] original report with colors

Frédéric Wang Nélar

Comment 2 2026-10-10 00:31:17 PDT

I tested on linux and macos and cannot reproduce. closing, but feel free to reopen if that's incorrect.

Note You need to log in before you can comment on or make changes to this bug.