New issue
Advanced search Search tips

Issue 593433 link

Starred by 2 users

Issue metadata

Status: Fixed
Owner: ----
Closed: Dec 2016
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: All
Pri: 2
Type: Bug



Sign in to add a comment

OOPIF: CSS rotate transform is applied incorrectly

Project Member Reported by alex...@chromium.org, Mar 9 2016

Issue description

With --site-per-process:
(1) Open a new about:blank tab. 
(2) From devtools, insert a cross-site iframe with a CSS transform to rotate it 45 degrees:
    
  var f = document.createElement("iframe");
  f.src = "https://csreis.github.io/tests/input-types.html";
  f.style = "transform: rotate(45deg)";
  document.body.appendChild(f);

See screenshots for what happens.  Correct behavior (without --site-per-process) is for the frame to appear as a rectangle rotated 45 degrees.  With --site-per-process, we get a weird pentagon-like shape.  If you scroll around in the frame, it's also using the incorrect shape rather than the rectangle. 

Note that if you apply the transform after inserting the frame (i.e., reverse the order of last two JS lines), things work correctly.  So this is something specific to the initial path.
 
expected.png
91.2 KB View Download
actual.png
118 KB View Download
Just a quick correction: in step (1), it's better to start on a real page (e.g., https://alexmos17.github.io") and then either do the test there or navigate that to about:blank.  Otherwise, the iframe will be rendered in-process.

Comment 2 by lfg@chromium.org, Dec 6 2016

This does not happen anymore, but I don't know which CL fixed it.

Comment 3 by lfg@chromium.org, Dec 6 2016

Status: Fixed (was: Available)

Sign in to add a comment