<html>
    <head>
      <base href="https://bugs.webkit.org/" />
    </head>
    <body>
      <p>
        <div>
            <b><a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - Web Inspector: Inactive window may cause many layers to be created due to Dashboard opacity"
   href="https://bugs.webkit.org/show_bug.cgi?id=149274#c4">Comment # 4</a>
              on <a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - Web Inspector: Inactive window may cause many layers to be created due to Dashboard opacity"
   href="https://bugs.webkit.org/show_bug.cgi?id=149274">bug 149274</a>
              from <span class="vcard"><a class="email" href="mailto:joepeck&#64;webkit.org" title="Joseph Pecoraro &lt;joepeck&#64;webkit.org&gt;"> <span class="fn">Joseph Pecoraro</span></a>
</span></b>
        <pre>The issue appears to be because of the opacity:

    body.latest-mac.window-inactive .toolbar .dashboard-container {
        opacity: 0.65;
        ...
    }

Which contains an animating element. This then uses a cascade of overlapping elements.

A possible workaround might be:

    body.latest-mac.window-inactive .toolbar .dashboard-container &gt; *
        opacity: 0.65;
    }</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>