FAB上有奇怪的边缘

Question

在带有api 19的设备上使用浮动按钮时会出现奇怪的边缘。当我将高程设置为0时，会修复边缘，但是当我按下按钮时，边缘会再次出现。我该如何解决这个问题？

这里是我的浮动按钮：

 <android.support.design.widget.FloatingActionButton
    android:id="@+id/fab"
    android:layout_width="90dp"
    android:layout_height="90dp"
    android:layout_gravity="bottom|end"
    android:layout_margin="@dimen/fab_margin"
    android:layout_marginBottom="8dp"
    android:layout_marginEnd="8dp"
    android:layout_marginStart="8dp"
    android:layout_marginTop="8dp"
    android:cropToPadding="false"
    android:scaleType="fitCenter"
    android:src="@mipmap/qrcode"
    app:backgroundTint="@color/primaryColor"
    app:elevation="8dp"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />