makovkastar/FloatingActionButton

Square shadow visible when the background is light

miguelbronzovic opened this issue · 1 comments

Hi, I'm experiencing some kind of ugly square shadow when the parent view's background color is set (int this particular case) to a light color - #E6E6E6
You can check this on the following image.
FloatingActionButton v1.3.0
Android OS v5.1.1
XXHDPI display density

FAB's layout definition code:

<com.melnykov.fab.FloatingActionButton
         android:id="@+id/add"
         android:layout_width="60dp"
         android:layout_height="60dp"
         android:layout_marginTop="125dp"
         android:layout_marginRight="5dp"
         android:layout_gravity="bottom|right"
         android:src="@drawable/ic_add"
         fab:fab_colorNormal="@color/colorAccent"
         fab:fab_colorPressed="@color/colorPrimaryDark"
         fab:fab_colorRipple="@color/colorPrimary" />

screenshot_2015-06-10-01-26-46

Any fix for this bug? Thanks!

Looks like the shadow is truncated. Try moving your button up to see what's going on. You may have a view below the FAB overdrawing the shadow. Enabling the "Show layout bounds" developer setting should help too.