[Webkit-unassigned] [Bug 77572] content inside element with border-radius is not clipped to border-radius when overflow: hidden is set.

Sat Mar 24 15:35:49 PDT 2012

https://bugs.webkit.org/show_bug.cgi?id=77572

Gabriel Schulhof <gabriel.schulhof at intel.com> changed:

           What    |Removed                     |Added
----------------------------------------------------------------------------
                 CC|                            |gabriel.schulhof at intel.com

--- Comment #4 from Gabriel Schulhof <gabriel.schulhof at intel.com>  2012-03-24 15:35:49 PST ---
<html>
<head>
  <title>Clipping Bug</title>
  <style>
.rounded-corners {
  position: relative;
  width: 120px;
  height: 80px;
  border: 10px solid black;
  border-radius: 30px;
  overflow: hidden;
}

.inner-box {
  position: absolute;
  width: 50px;
  height: 50px;
  background: red;
  left: -20px;
  top: -20px;
}
  </style>
</head>
<body>
  <div class="rounded-corners">
    <div class="inner-box"></div>
  </div>
</body>
</html>

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.