Bug 111256 – Box-shadow displayed improperly with border-radius.

• Component: CSS
• Status: RESOLVED FIXED

[Harmageddon]

Created attachment 191118 [details]
Screenshot showing the bug in webkit browsers and the proper display in other browsers.

When testing my site (http://www.harmageddon.broesel.org/tsghntt/) on Chrome and Safari, I noticed that the "Weiterlesen" (Read more) buttons are not displayed properly in these browsers. The box-shadow doesn't blend in the rounded corners at the bottom. This problem seems only to occur, if the following conditions are given:

    box-shadow: <value 1> <value 2> <value 3> -1px;
    border-radius: 0 0 2em 2em OR 2em 2em 0 0;

It's very odd - I tried to create a HTML "showcase" for this bug, but I couldn't reproduce it outside of this site.

I tested this bug with the latest Webkit nightly for Windows from http://nightly.webkit.org/, "WebKit r131444". A screenshot with the different displays in Firefox / Opera and Webkit browsers is attached to this report.

[Takashi Sakamoto]

Created attachment 191431 [details]
Patch

[WebKit Review Bot]

Attachment 191431 [details] did not pass style-queue:

Failed to run "['Tools/Scripts/check-webkit-style', '--diff-files', u'LayoutTests/ChangeLog', u'LayoutTests/fast/borders/border-radius-with-box-shadow-01-expected.txt', u'LayoutTests/fast/borders/border-radius-with-box-shadow-01.html', u'LayoutTests/platform/chromium-linux/fast/borders/border-radius-with-box-shadow-01-expected.png', u'Source/WebCore/ChangeLog', u'Source/WebCore/platform/graphics/RoundedRect.cpp']" exit_code: 1
LayoutTests/platform/chromium-linux/fast/borders/border-radius-with-box-shadow-01-expected.png:0:  Have to enable auto props in the subversion config file (/home/alancutter/.subversion/config "enable-auto-props = yes"). Have to set the svn:mime-type in the subversion config file (/home/alancutter/.subversion/config "*.png = svn:mime-type=image/png").  [image/png] [5]
Total errors found: 1 in 6 files


If any of these errors are false positives, please file a bug against check-webkit-style.

[Simon Fraser (smfr)]

Comment on attachment 191431 [details]
Patch

View in context: https://bugs.webkit.org/attachment.cgi?id=191431&action=review

> LayoutTests/fast/borders/border-radius-with-box-shadow-01.html:10
> +#target {
> +    width: 100px;
> +    height: 18px;
> +    box-shadow: 0 0 5px -1px #777777;
> +    border-radius: 0 0 19px 19px;
> +}

Please make this much bigger so the bug/fix is more obvious.

[Takashi Sakamoto]

Created attachment 191919 [details]
Patch

[Takashi Sakamoto]

Comment on attachment 191431 [details]
Patch

View in context: https://bugs.webkit.org/attachment.cgi?id=191431&action=review

Thank you for reviewing.

>> LayoutTests/fast/borders/border-radius-with-box-shadow-01.html:10
>> +}
> 
> Please make this much bigger so the bug/fix is more obvious.

Sure. Done.

[WebKit Review Bot]

Attachment 191919 [details] did not pass style-queue:

Failed to run "['Tools/Scripts/check-webkit-style', '--diff-files', u'LayoutTests/ChangeLog', u'LayoutTests/fast/borders/border-radius-with-box-shadow-01-expected.txt', u'LayoutTests/fast/borders/border-radius-with-box-shadow-01.html', u'LayoutTests/platform/chromium-linux/fast/borders/border-radius-with-box-shadow-01-expected.png', u'Source/WebCore/ChangeLog', u'Source/WebCore/platform/graphics/RoundedRect.cpp']" exit_code: 1
LayoutTests/platform/chromium-linux/fast/borders/border-radius-with-box-shadow-01-expected.png:0:  Have to enable auto props in the subversion config file (/home/alancutter/.subversion/config "enable-auto-props = yes"). Have to set the svn:mime-type in the subversion config file (/home/alancutter/.subversion/config "*.png = svn:mime-type=image/png").  [image/png] [5]
Total errors found: 1 in 6 files


If any of these errors are false positives, please file a bug against check-webkit-style.

[WebKit Review Bot]

Comment on attachment 191919 [details]
Patch

Clearing flags on attachment: 191919

Committed r145044: <http://trac.webkit.org/changeset/145044>

[WebKit Review Bot]

All reviewed patches have been landed.  Closing bug.