transparent table cell border disappears intermittently
Reported by
mvdl...@prismquality.com,
Feb 1 2018
|
||
Issue description
UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.132 Safari/537.36
Example URL:
Steps to reproduce the problem:
1. Create a file with the html below
2. Open the file in Chrome
3. Observe the "A" while pressing refresh (F5) repeatedly
<!DOCTYPE HTML>
<html><head><title>x</title>
<style>
TABLE.bad { border-collapse:collapse; }
TABLE.bad TD { border-left:50px solid transparent; }
</style>
</head><body>
<div><div>
<table>
<tbody>
<tr><td>x</td><td>x</td><td>x</td></tr>
<tr><td>x</td><td>x</td><td>x</td></tr>
<tr><td>x</td><td>x</td><td>x</td></tr>
<tr><td>x</td><td>x</td><td>x</td></tr>
</tbody>
</table>
<table class='bad'>
<tr><td>x</td><td>x<script></script></td><td>A</td></tr>
<tr><td>x</td><td>x</td><td>x</td></tr>
</table>
</div></div>
</body></html>
What is the expected behavior?
What went wrong?
About 50% of the time the "A" will render to the left of its expected position, due to the border-left on its table cell not registering.
Does it occur on multiple sites: N/A
Is it a problem with a plugin? N/A
Did this work before? N/A
Does this work in other browsers? Yes
Chrome version: 63.0.3239.132 Channel: n/a
OS Version: 10.0
Flash Version:
I tried to reduce the testcase as much as possible. I have no idea how the extra Divs and Table affect things, but I believe the root cause of the problem to be with the Script tag in the table.
The problem seems very timing-specific. I got the 50% result in Chrome. In Opera I see the problem when the page is initially loaded, but upon refreshing it occurs only maybe 10% of the time.
,
Feb 2 2018
I can reproduce it on linux, including first time opening in a new window. This is going to be very very hard to nail down and fix. It's not clear at all why there is a race condition or uncertainty here. |
||
►
Sign in to add a comment |
||
Comment 1 by dtapu...@chromium.org
, Feb 2 2018