title: Pressed (ripple) animation on button stops
body: <p>I have a drawer, and indside it a button, which among others closes drawer. When I press button, the pressed animation starts, when it's clicked the drawer closes, and then animation (pressed animation) stops, so when I open again drawer button is partly highlighted. How can make it to continue animation? </p>
  
  <pre><code>Drawer {
       id: drawer
       width: 0.66 * parent.width
       height: parent.height
  
       background: Rectangle {
           color: "#212121"
           anchors.fill: parent
        }
  
       ColumnLayout {
           Button {
               onClicked: {
                   drawer.close()
               }
               text: "&lt;font color=\"#ffffff\"&gt;Lorem&lt;/font&gt;"
               implicitHeight: 60
               implicitWidth: drawer.width
               flat: true
               Material.theme: Material.Dark
               Material.elevation: 0
           }
       }
   }
  </code></pre>