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

Question

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

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" />

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

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

红色区域显示当您点击溢出菜单以展开它时出现的小触摸动画。你可以看到它不完整，只有一半的圆圈是可见的。

当我点击溢出菜单的操作项时，它是一样的：

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

如何让完整的动画可见？