"box-shadow" is hidden under the next "tr" of a table
Reported by
victorba...@gmail.com,
Mar 25 2018
|
|||
Issue description
UserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.132 Safari/537.36
Steps to reproduce the problem:
1. Create a <table> with two rows.
2. For the first row, add the following CSS
tr {
box-shadow: 0 0 2px 2px red;
}
What is the expected behavior?
The shadow should display on top of other rows.
What went wrong?
The shadow is overlapped by the next <tr> in the table.
Did this work before? No
Does this work in other browsers? N/A
Chrome version: 63.0.3239.132 Channel: n/a
OS Version: 16.04
Flash Version:
,
Mar 30 2018
,
Mar 31 2018
FF behaves exactly like chrome. Edge doesn't seem to support tr { box-shadow: ... } at all.
Victor, a hack is to add transform: rotate(0deg); to your tr:first-child. https://jsfiddle.net/dgrogan/n1m6wq0n/9/ But use at your own risk as I'm not sure what undesired side effects this has.
|
|||
►
Sign in to add a comment |
|||
Comment 1 by vamshi.kommuri@chromium.org
, Mar 26 2018