<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: Event Listeners detail section is unhelpful, default should show listeners by element rather than by event"
   href="https://bugs.webkit.org/show_bug.cgi?id=167077">167077</a>
          </td>
        </tr>

        <tr>
          <th>Summary</th>
          <td>Web Inspector: Event Listeners detail section is unhelpful, default should show listeners by element rather than by event
          </td>
        </tr>

        <tr>
          <th>Classification</th>
          <td>Unclassified
          </td>
        </tr>

        <tr>
          <th>Product</th>
          <td>WebKit
          </td>
        </tr>

        <tr>
          <th>Version</th>
          <td>WebKit 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&#64;lists.webkit.org
          </td>
        </tr>

        <tr>
          <th>Reporter</th>
          <td>bburg&#64;apple.com
          </td>
        </tr>

        <tr>
          <th>CC</th>
          <td>dcrousso+webkit&#64;gmail.com, inspector-bugzilla-changes&#64;group.apple.com, webkit-bug-importer&#64;group.apple.com
          </td>
        </tr></table>
      <p>
        <div>
        <pre>When I have an element selected, I want to know what listeners are installed on that element and maybe set a breakpoint or see the listener source. This is extremely hard to do right now as you need to expand every DOM event section, manually check if the listener is for the selected element, etc.

I think the default should behave more like on ObjectTree, where first we show the object, then its prototype properties, and so on.

If we think the existing behavior is interesting, say to show what listeners should fire before or next, then we can keep that as a toggle. In my experience, I've only ever wanted to know the list of eligible event listeners while I was debugging into one of them. I'll file a separate bug about that.</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>