<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body><table border="1" cellspacing="0" cellpadding="8">
<tr>
<th>Bug ID</th>
<td><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">147389</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>Web Inspector: Add the ability to filter out tasks in the Rendering Frames timeline
</td>
</tr>
<tr>
<th>Classification</th>
<td>Unclassified
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>528+ (Nightly build)
</td>
</tr>
<tr>
<th>Hardware</th>
<td>All
</td>
</tr>
<tr>
<th>OS</th>
<td>All
</td>
</tr>
<tr>
<th>Status</th>
<td>NEW
</td>
</tr>
<tr>
<th>Severity</th>
<td>Normal
</td>
</tr>
<tr>
<th>Priority</th>
<td>P2
</td>
</tr>
<tr>
<th>Component</th>
<td>Web Inspector
</td>
</tr>
<tr>
<th>Assignee</th>
<td>webkit-unassigned@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>mattbaker@apple.com
</td>
</tr>
<tr>
<th>CC</th>
<td>graouts@webkit.org, joepeck@webkit.org, jonowells@me.com, mattbaker@apple.com, nvasilyev@apple.com, timothy@apple.com, webkit-bug-importer@group.apple.com
</td>
</tr></table>
<p>
<div>
<pre>* SUMMARY
Add the ability to filter out tasks in the frames timeline. Each task requires a column in the data grid, and as we add more categories (such as Canvas), the ability to filter will be important to reduce the noise.
I propose we add a filter "funnel" button to the left of the delete button in the navigation sidebar. Clicking the button would drop down a bar similar to the "find in page" bar (using an ease-in transition) used in the Resources & Elements tabs. The bar would contains checkboxes to toggle the frame tasks.
View behaviors:
- Grid columns for filtered tasks are hidden.
- Filtered tasks would still appear in the frames graph and doughnut chart.
- Frame records for which the entire duration was spent in filtered tasks are hidden from the tree/grid.
Filter "funnel" button behavior:
- Icon is an empty funnel if no tasks are filtered.
- Icon is a partially filled funnel if one or filters are applied.
* NOTES
One concern I have is that we are now locating filtering in two places: in the existing filter text box at the bottom of the sidebar, and in the proposed task filter bar. We could move the filter text box to the new task filter bar (similar to Chrome), but this is contrary to the current UI paradigm of placing filter text boxes at the bottom of the navigation sidebar. The one exception I'm aware of is in the Console tab, which lacks a sidebar.
See mockups for icon states and filter bar UI.</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>