Skip to the content.
Home FlexColorScheme Issues Flexfold
Articles FlexColorPicker Grid  

ClipRect on Container with BoxShadow

(Jun 4, 2020)

A pet nit-picking rendering issue of mine is the ClipRect issue. It is mentioned in my issues-page as well. ClipRect is unable to properly clip away all of a box shadow like it should when you apply ClipRect to the same box as a shadow.

This is a simple DartPad demo of the issue that fails to render correctly with the current DartPad version too. The issue still existed in Flutter 2.2.3 Dart SDK 2.13.4 when this page was last updated.

The root cause might be rounding or precision errors in antialias methods used in the SKIA engine. This issue is more pronounced on a screen with device pixel density 1.0. As the pixel density increases, the issue is seen more rarely, supporting a precision or rounding error in the used rendering engine.

You can see this it in a browser with DartPad here. ClipRect Issue Source GIST: ClipRect over Container with BoxShadow

Page updated 27.07.2021