md-subheader don't allow clicks or hover events for md-button inside

[mattiarigo-humus]

Hello,
I'm using 0.9.8 because 0.10.0 still has some little bugs.
When an md-button is inside an md-subheader there is no HOVER event for css rules neither click event.
I've tried this css solution

.md-subheader .md-subheader-content > *{
    position: relative;
    z-index: 10;
}

this rule works but it give me this on the page when scrolling

I've no hover event or click event for any of element inside md-subheader.
How can I fix it?

Thanks in advance,
\m

[marcysutton]

A Codepen or Plunker would help diagnose this issue.

[pratyushmittal]

@marcysutton Here is a Codepen demo: http://codepen.io/anon/pen/xGQPyw

[topherfangio]

@pratyushmittal I need to do some more testing to make sure it doesn't break anything else, but it appears you can add the following CSS to fix the issue:

.md-subheader .md-subheader-content {
  display: block;
}

Can you give it a try? If all looks good, we'll get this added/fixed in 0.12.0.

[pratyushmittal]

@topherfangio That seems to be working fine. Thanks.