New issue
Advanced search Search tips

Issue 703059 link

Starred by 6 users

Issue metadata

Status: Fixed
Owner:
Closed: Mar 2017
Cc:
Components:
EstimatedDays: ----
NextAction: 2017-03-27
OS: Linux , Windows , Mac
Pri: 1
Type: Bug-Regression



Sign in to add a comment

clip property does not work with rotation

Reported by mele...@surveycto.com, Mar 20 2017

Issue description

Chrome Version       : 58.0.3029.19 beta (64-bit)
URLs (if applicable) : http://codepen.io/yulamedia/pen/vxpVqw
Other browsers tested:

       Chrome 56, 57 : OK
   OS X Safari 10.0.3: OK
       Firefox 50.1.0: OK
       Firefox 52.0.1: OK
                IE 11: OK

What steps will reproduce the problem?
(1) Create a div with square dimensions
(2) Add CSS clip property to cut off the half of it, e.g.: rect(0, 50px, 100px, 0)
(3) Add CSS transform property with 135 degrees, e.g.: rotate(135deg);

What is the expected result?

Half of the div should be cut off, even if it is rotated.

What happens instead?

The clip property has no effect.

Please provide any additional information below. Attach a screenshot if
possible.

Can be reproduced with this URL:
http://codepen.io/yulamedia/pen/vxpVqw

 
The title of the issue should be:

"Clip property does not work with rotation"

The work around is to use the "clip-path" property.
Labels: Needs-Triage-M58
Summary: lip property does not work with rotation (was: Clip path property does not work with rotation)
Summary: clip property does not work with rotation (was: lip property does not work with rotation)
Components: Blink>Paint
Components: Blink>Compositing
Labels: -Type-Bug -Pri-3 RegressionFound-58 BugSource-User PaintTeamTriaged-20170320 Needs-Bisect Regressed-58 Pri-1 Type-Bug-Regression
NextAction: 2017-03-27
Status: Available (was: Unconfirmed)
The reporter indicates this is a M-58 regression. Bisect please.
Labels: M-58
Labels: -Needs-Bisect -Needs-Triage-M58 has-bisect-per-revision OS-Linux OS-Mac OS-Windows
Owner: chrishtr@chromium.org
Status: Assigned (was: Available)
Able to reproduce the issue on windows 7, Ubuntu 14.04 and Mac 10.12.3 using chrome version 58.0.3029.19 and canary 59.0.3046.0.
This is regression issue in M58.Please find the bisect information as below

Narrow Bisect::
Good :: 58.0.3010.0  --   (build revision 449855)
Bad:: 58.0.3011.0  --   (build revision 449903)

Change Log::
https://chromium.googlesource.com/chromium/src/+log/09885722cd8637e59680a1996bac98454cad4bf7..56850c99e856e368af5f440d75d8e8bdb13608f1

Possible suspect::
https://chromium.googlesource.com/chromium/src/+/56850c99e856e368af5f440d75d8e8bdb13608f1

chrishtr@ Could you please look into this issue if it is related to your change,else please help us in finding the appropriate owner for this issue.

Thanks,
Labels: ReleaseBlock-Stable
Labels: -M-58 M-59
The SPInvalidation feature was punted from M58 to M59. Adjusting milestones
accordingly.
Project Member

Comment 10 by bugdroid1@chromium.org, Mar 27 2017

The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/5f9c4837f93b8c54dcc4c9f68d1a93e09a6e1e96

commit 5f9c4837f93b8c54dcc4c9f68d1a93e09a6e1e96
Author: chrishtr <chrishtr@chromium.org>
Date: Mon Mar 27 22:28:40 2017

Apply CSS clip to foreground and background clip rects.

Also adjusted the tests to exercise both SPInvalidaiton and non-
SPInvalidation code paths.

BUG= 703059 
CQ_INCLUDE_TRYBOTS=master.tryserver.chromium.linux:linux_layout_tests_slimming_paint_v2

Review-Url: https://codereview.chromium.org/2781693002
Cr-Commit-Position: refs/heads/master@{#459907}

[modify] https://crrev.com/5f9c4837f93b8c54dcc4c9f68d1a93e09a6e1e96/third_party/WebKit/Source/core/paint/PaintLayerClipper.cpp
[modify] https://crrev.com/5f9c4837f93b8c54dcc4c9f68d1a93e09a6e1e96/third_party/WebKit/Source/core/paint/PaintLayerClipperTest.cpp

Status: Fixed (was: Assigned)

Sign in to add a comment