Materialdesigninxamltoolkit: Weird visual artifacts in Demo. (Navigation Rail)

Created on 12 Oct 2020  路  5Comments  路  Source: MaterialDesignInXAML/MaterialDesignInXamlToolkit

Hi,
i found weird visual artifacts in Demo app, section Navigation Rail. You can see whats happening on gif bellow:
Y3XRfd8B6c

bug up-for-grabs

Most helpful comment

@stigrune Indeed the ArdornerDecorator was provoking the issue, I'm not sure why it's needed there I kept the border with the edge and it still looks good.

All 5 comments

Thanks for reporting this. This was a known bug at time of release. It is actually related to the ripple control, not the Navigation Rail. Since this was a pre-existing problem and not caused by the navigation rail, I elected to release it as is, and plan to circle back on this one.

Looks like its the AdornerDecorator for the ShadowEdge in the CardTemplate that causes the issue. It happens only when the TabControl has a ShadowDepth set. Maybe this information can help someone else continue debugging.

By the moment, It's better to work with materialDesign:ShadowAssist.ShadowDepth="Depth0" on TabControl instance.

We have the same issue in our application.

More over it looks similiar to the blurry text menu issue we've been experiencing too. Maybe we can try a similar hack?
https://github.com/MaterialDesignInXAML/MaterialDesignInXamlToolkit/pull/2053/files

@stigrune Indeed the ArdornerDecorator was provoking the issue, I'm not sure why it's needed there I kept the border with the edge and it still looks good.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

bbougot picture bbougot  路  13Comments

mgnslndh picture mgnslndh  路  13Comments

rrs picture rrs  路  18Comments

olegsavelos picture olegsavelos  路  11Comments

TheSylence picture TheSylence  路  12Comments