border of the element is cut
Reported by
553262...@qq.com,
Sep 6 2017
|
|||||||
Issue description
Steps to reproduce the problem:
<div class="parent">
<div class="child"></div>
</div>
.parent {
width:360px;
height:360px;
}
.child {
width:300%;
height:300%;
overflow: hidden;
border-radius: 1px solid blue;
box-sizing: border-box;
transform: scale(.333333);
transform-origin: 0 0;
outline:1px solid transparent;//essential
}
What is the expected behavior?
Can you tell me the reason?
What went wrong?
Element‘s border is cut.
Did this work before? N/A
Does this work in other browsers? Yes
Chrome version: 57.0.2987.132 Channel: n/a
OS Version: 6.0.1
Flash Version:
when I try to implement 1px pixels Using CSS property transform: scale (.33333),the result is that the element's border-top can be cut。And I can resolve this problem by adding 'outline：1px solid transparent;' to the element;
How does the browser parses the css attribute outline？
,
Sep 6 2017
Hi 553262477@qq.com The screenshot you have provided doesn't match the code you provided. I am unable to reproduce this problem given that code. Could you please provide code that is a minimum reproduction of the bug on jsfiddle or similar and screenshot the resulting problem? Thank you :)
,
Sep 7 2017
Sorry,I don't konw whether this bug work in other browsers and this bug doesn't always appear. I think this bug is similar to this one below and the solution to both problems is the same. http://jsfiddle.net/0dvvd1n1/ Below is mine: https://jsfiddle.net/daiyamin1020/ybv5ef92/
,
Sep 7 2017
Thank you for providing more feedback. Adding requester "bugsnash@chromium.org" to the cc list and removing "Needs-Feedback" label. For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
,
Sep 8 2017
Cannot repro on chrome 61.0.3163.81 on either android 8.0.0 or on android 7.1.2. So you're not able to consistently reproduce the bug?
,
Sep 8 2017
The code in the original report isn't valid (border-radius value is wrong. I think possibly it's meant to be border. I changed it to border & still couldn't repro). I don't understand what the bug in the first jsfiddle is. The second jsfiddle is too complex for me to work out what is going on. We're going to need a valid, reduced test case to move forward with this bug.
,
Oct 17 2017
@553262477@qq: Could you please respond to comment #6. Thanks!!
,
Feb 1 2018
Closing due to inactivity and inability to reproduce. |
|||||||
►
Sign in to add a comment |
|||||||
Comment 1 by ligim...@chromium.org
, Sep 6 2017Labels: Needs-triage-Mobile