Bug 102266 – box-shadow using selector:active causes padding to be lost

• Status: UNCONFIRMED
• Component: Layout and Rendering

[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