New issue
Advanced search Search tips

Issue 650634 link

Starred by 1 user

Issue metadata

Status: Duplicate
Merged: issue 632969
Owner: ----
Closed: Sep 2016
Components:
EstimatedDays: ----
NextAction: ----
OS: ----
Pri: 3
Type: Bug-Regression



Sign in to add a comment

SVG as background rendering regression (background: cover + border-radius)

Reported by dkozlov...@fitbit.com, Sep 27 2016

Issue description

Chrome Version : 53.0.2785.116 (Official Build) (64-bit)
URLs           : http://codepen.io/fearmear/pen/QKvvYV
Other browsers tested:
     Safari: OK
    Firefox: OK
         IE: OK
       Edge: OK

Steps to reproduce:
(1) Create any DOM element that can have background-image css property
(2) Set "width" and "height" to 200px for that element
(3) Set "background-image" to http://placeskull.com/100/100/bd2f2f/7/0 (any svg will do)
(4) Set "background-size" to "cover"
(5) Set "border-radius" to any value except default

Expected result:
An image fills 200x200 pixels.

Actual result:
An image increases in size to 200x200 but fills 100x100 pixels four times.

Worked correctly in 52 version of Chrome.
 
Components: Blink>SVG

Comment 2 by f...@opera.com, Sep 27 2016

Labels: -Type-Bug Type-Bug-Regression
Mergedinto: 632969
Status: Duplicate (was: Unconfirmed)

Sign in to add a comment