BoxShadow on Border Appears Broken
See original GitHub issueDescribe the bug
BoxShadow on Border Appears Broken
To Reproduce
From ColorPreviewer.xaml in Fluent theme.
<Border Grid.Column="1"
HorizontalAlignment="Stretch"
VerticalAlignment="Stretch"
BoxShadow="0 0 10 2 #BF000000"
CornerRadius="{TemplateBinding CornerRadius}"
Margin="10">
<Panel>
<Border Background="{StaticResource ColorControlCheckeredBackgroundBrush}"
CornerRadius="{TemplateBinding CornerRadius}" />
<Border CornerRadius="{TemplateBinding CornerRadius}"
Background="{TemplateBinding HsvColor, Converter={StaticResource ToBrushConverter}}"
HorizontalAlignment="Stretch"
VerticalAlignment="Stretch" />
</Panel>
</Border>
Expected behavior A clear and concise description of what you expected to happen.
Screenshots
Desktop (please complete the following information):
- OS: [e.g. Windows, Mac, Linux (State distribution)]
- Version 92562b0d9979becc8d8c2316e1c2f0678bdae19d
Additional context Add any other context about the problem here.
Issue Analytics
- State:
- Created 7 months ago
- Comments:11 (10 by maintainers)
Top Results From Across the Web
Why does a background break a box-shadow inset effect?
Usuaally that's the intuitive thing (e.g. blotting out a background image, overlapping border corners on daring position:relative trickery, etc) ...
Read more >box-shadow - CSS: Cascading Style Sheets - MDN Web Docs
If a border-radius is specified on the element with a box shadow, the box shadow takes on the same rounded corners. The z-ordering...
Read more >Breaking down CSS Box Shadow vs. Drop Shadow
CSS uses a box model, where the element's edges are bound in the shape of a rectangle. Even in cases where the shape...
Read more >Ghost white lines around border-radius / box-shadow?
It appears to be on different browsers, not just FF… I cannot figure out WHY Im getting these ghosted white line around the...
Read more >Why we use the CSS property box-shadow instead of ...
On a div with a border, you'd expect to see the CSS property border, but instead, you'll see box-shadow. Why is that?. Figma...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@timunie I don’t disagree, someone had to make the call. It might be worth it to list as a breaking change though.
It’s a bug, not a behavior change