Android 工具栏溢出菜单单击动画重叠

我的应用程序有以下样式定义：

styles.xml：

<resources xmlns:android="http://schemas.android.com/apk/res/android">

    <style name="AppTheme" parent="AppTheme.Base"></style>

    <style name="AppTheme.Base" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="colorPrimaryDark">@color/primaryColorDark</item>
        <item name="colorPrimary">@color/primaryColor</item>
        <item name="colorAccent">@color/accentColor</item>
        <item name="android:textColorPrimary">@color/textcolorsecundary</item>
        <item name="android:textColorSecondary">@color/textcolorsecundary</item>
        <item name="android:actionModeBackground">@color/primaryColor</item>
    </style>

    <style name="AppTheme.Toolbar" parent="ThemeOverlay.AppCompat.Dark.ActionBar">
        <item name="android:textColorPrimary">@color/textcolorsecundary</item>
        <item name="actionMenuTextColor">@color/textcolorsecundary</item>
        <item name="android:textColorSecondary">@color/textcolorsecundary</item>
        <item name="android:background">@color/primaryColor</item>
    </style>

</resources>

@颜色/原色深色
@颜色/原色
@颜色/强调色
@颜色/文本颜色第二天
@颜色/文本颜色第二天
@颜色/原色
@颜色/文本颜色第二天
@颜色/文本颜色第二天
@颜色/文本颜色第二天
@颜色/原色

toolbar.xml：

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?android:attr/actionBarSize"
    android:elevation="2dp"
    android:focusable="false"
    android:popupTheme="@style/ThemeOverlay.AppCompat.Dark"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Dark"
    app:theme="@style/AppTheme.Toolbar" />

当我现在单击溢出菜单时，会出现一个小的圆形动画，但它不完整。一半动画隐藏在标题标签下：

您可以在此处看到一个示例：

红色区域显示smal touch动画，当您点击overflow（溢出）菜单将其展开时会显示该动画。正如你所看到的，它是不完整的，只有一半的圆是可见的

当我点击溢出菜单的某个操作项时，情况也是如此：

只有红色区域是动画。动画似乎隐藏在动作栏和菜单项的标签后面

如何使整个动画可见