<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: ContextualDocumentationButton should appear when editing any value even without hover"
   href="https://bugs.webkit.org/show_bug.cgi?id=227645">227645</a>
          </td>
        </tr>

        <tr>
          <th>Summary</th>
          <td>Web Inspector: ContextualDocumentationButton should appear when editing any value even without hover
          </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@lists.webkit.org
          </td>
        </tr>

        <tr>
          <th>Reporter</th>
          <td>hratnu@apple.com
          </td>
        </tr>

        <tr>
          <th>CC</th>
          <td>inspector-bugzilla-changes@group.apple.com
          </td>
        </tr></table>
      <p>
        <div>
        <pre>Currently the Contextual Documentation Popover only appears in the styles panel when hovering on top of a value. However to increase it's discoverability it should also appear on css properties whose values are being edited. Since most developers use Tab key to navigate between styles it would be a helpful addition in showing that the documentation for certain properties exists and can be shown by clicking on the button.

Current Behavior:
1) User inspects a webpage
2) User hovers on top of a css property and the contextualDocumentationButton appears besides that property
3) User clicks in the value field and the button still appear
4) Now, the user tabs into the next property, specifically the next property name -  info button should not appear does not want to show documentation for a property that is being edited.
5) User tabs again and goes into the value field of a property - recall the user is still hovering on the property above it and hence the info button is only appearing on the property above it.

Suggested change in current behavior:
Step 5 New) If the user is editing a value field for a property on which they are not hovering the info button should still appear besides that property (granted the property is documented)
In this scenario there would be two info buttons in the window - 1st besides the property the user is hovering upon and 2nd besides whatever property value the user is editing.</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>