<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: Add the ability to filter out tasks in the Rendering Frames timeline"
   href="https://bugs.webkit.org/show_bug.cgi?id=147389#c10">Comment # 10</a>
              on <a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - Web Inspector: Add the ability to filter out tasks in the Rendering Frames timeline"
   href="https://bugs.webkit.org/show_bug.cgi?id=147389">bug 147389</a>
              from <span class="vcard"><a class="email" href="mailto:mattbaker&#64;apple.com" title="Matt Baker &lt;mattbaker&#64;apple.com&gt;"> <span class="fn">Matt Baker</span></a>
</span></b>
        <pre>(In reply to <a href="show_bug.cgi?id=147389#c9">comment #9</a>)
<span class="quote">&gt; I like the colored checkboxes, and we had something like it in the first
&gt; Timeline panel many years ago.</span >

I'm partial to the colored checkboxes too.

<span class="quote">&gt; I do like making them part of the legend. Why not filter the graphs?</span >

We'd need to represent the filtered time somehow, at least in the frame graph. A hollow segment could be added to the top of the frame to account for filtered tasks.

<span class="quote">&gt; Also all other filtering happens in the sidebar, so anything we do should be
&gt; in the sidebar so the user only has one place to look.</span >

I agree with keeping all filtering in the sidebar. How about one of the following:

a) Making the doughnut legend item keys checkboxes
b) Adding a button (funnel icon) to the left of the filter text box. Button brings up popup menu described above.

I like a) because it's simple, and we get colored checkboxes. I like b) because it keeps all filtering UI together in one place.</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>