question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

BoxShadow on Border Appears Broken

See original GitHub issue

Describe 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

image

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:closed
  • Created 7 months ago
  • Comments:11 (10 by maintainers)

github_iconTop GitHub Comments

1reaction
robloocommented, Mar 28, 2023

@timunie I don’t disagree, someone had to make the call. It might be worth it to list as a breaking change though.

0reactions
kekekekscommented, Mar 28, 2023

It’s a bug, not a behavior change

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found