<html>
    <head>
      <base href="https://bugs.webkit.org/" />
    </head>
    <body>
      <p>
        <div>
            <b><a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - Volume slider appears/doesn't appear at the wrong times"
   href="https://bugs.webkit.org/show_bug.cgi?id=144072#c4">Comment # 4</a>
              on <a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - Volume slider appears/doesn't appear at the wrong times"
   href="https://bugs.webkit.org/show_bug.cgi?id=144072">bug 144072</a>
              from <span class="vcard"><a class="email" href="mailto:roger_fong&#64;apple.com" title="Roger Fong &lt;roger_fong&#64;apple.com&gt;"> <span class="fn">Roger Fong</span></a>
</span></b>
        <pre>(In reply to <a href="show_bug.cgi?id=144072#c3">comment #3</a>)
<span class="quote">&gt; Comment on <span class=""><a href="attachment.cgi?id=251375&amp;action=diff" name="attach_251375" title="patch">attachment 251375</a> <a href="attachment.cgi?id=251375&amp;action=edit" title="patch">[details]</a></span>
&gt; patch
&gt; 
&gt; View in context:
&gt; <a href="https://bugs.webkit.org/attachment.cgi?id=251375&amp;action=review">https://bugs.webkit.org/attachment.cgi?id=251375&amp;action=review</a>
&gt; 
&gt; &gt; Source/WebCore/ChangeLog:12
&gt; &gt; +        Don't allow mouse interaction with the background divs.
&gt; &gt; +        * Modules/mediacontrols/mediaControlsApple.css:
&gt; &gt; +        (audio::-webkit-media-controls-volume-slider-container-background):
&gt; &gt; +        (audio::-webkit-media-controls-volume-slider-container-tint):
&gt; 
&gt; I'm not sure why you needed to do this. As long as the backgrounds are
&gt; behind the controls, wouldn't the control get the event?</span >

In this situation, when the volume box is hidden, the controls have a width of 0, so the background, while hidden, are above the controls.

Maybe a better way to do this is to make the widths of the background divs 0 as well while hidden.</pre>
        </div>
      </p>
      <hr>
      <span>You are receiving this mail because:</span>
      
      <ul>
          <li>You are the assignee for the bug.</li>
      </ul>
    </body>
</html>