720082 - Strange gap appears under transparent border when using box-shadow

Status: UNCONFIRMED

(Core :: CSS Parsing and Computation, defect)

Description

[jcayzac]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_2) AppleWebKit/535.7 (KHTML, like Gecko) Chrome/16.0.912.75 Safari/535.7

Steps to reproduce:

Using Aurora 11.0a2 (2012-01-20) on MacOS 10.7.
I opened the page for which the source can be found at https://gist.github.com/1651637#file_bug.html



Actual results:

I got this weird gap under thick round border https://gist.github.com/1651637#file_aurora+%28bug%29.png


Expected results:

This is what I get in Chrome (no gap): https://gist.github.com/1651637#file_chrome+%28ok%29.png

Comment 1

[Brian Birtles (:birtles, Feb 26~ parental leave)]

Attachment: Test case from comment 0

Test case from comment 0 as an attachment.

Comment 2

[Boris Zbarsky [:bzbarsky]]

David, what's the right rendering here given the styles?  I seem to recall that Chrome does weird things with box-shadow....

Comment 3

[Kenan]

WFM with Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:105.0) Gecko/20100101 Firefox/105.0 Build 20220812214215

It seems to be fixed on 2012-09-17
mozregression:
http://hg.mozilla.org/mozilla-central/pushloghtml?fromchange=9fff2012b66c&tochange=3f0587ce1774

I only checked Win 10, but I was able to reproduce it with build from 2012-01-20. Can someone check on Mac OS X?