Bug 102266
| Summary: | box-shadow using selector:active causes padding to be lost | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Matt Elliott <mattdelliott> |
| Component: | Layout and Rendering | Assignee: | Nobody <webkit-unassigned> |
| Status: | UNCONFIRMED | ||
| Severity: | Normal | ||
| Priority: | P2 | ||
| Version: | 528+ (Nightly build) | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
| URL: | http://jsfiddle.net/4GfWY/4/ | ||
Matt Elliott
When using box-shadow on an element using :active, if you click the element, it will cause the padding of the parent container to be lost.
Here are the requirements for this to occur:
1. You must have a block with
overflow: auto;
position: relative;/* Or on any other block in this but over absolute one */
padding-bottom: 100px;/* Any bottom padding */
Some content that would cause a vertical scrollbar.
2. An inner block with position: absolute.
And if you'd then change box-shadow for this inner block, the bug occurs.
Attached is a fiddle that shows the behavior
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |