<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 - Height of element changes when ellipses show on a -webkit-line-clamp element with line-height"
   href="https://bugs.webkit.org/show_bug.cgi?id=187938">187938</a>
          </td>
        </tr>

        <tr>
          <th>Summary</th>
          <td>Height of element changes when ellipses show on a -webkit-line-clamp element with line-height
          </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>Unspecified
          </td>
        </tr>

        <tr>
          <th>OS</th>
          <td>Unspecified
          </td>
        </tr>

        <tr>
          <th>Status</th>
          <td>NEW
          </td>
        </tr>

        <tr>
          <th>Severity</th>
          <td>Trivial
          </td>
        </tr>

        <tr>
          <th>Priority</th>
          <td>P2
          </td>
        </tr>

        <tr>
          <th>Component</th>
          <td>CSS
          </td>
        </tr>

        <tr>
          <th>Assignee</th>
          <td>webkit-unassigned@lists.webkit.org
          </td>
        </tr>

        <tr>
          <th>Reporter</th>
          <td>thewingthing@gmail.com
          </td>
        </tr></table>
      <p>
        <div>
        <pre>When there is an element with -webkit-line-clamp and line-height set, the height of the element is different when the text is just short enough to not warrant ellipses vs when the text is just long enough to warrant ellipses.

e.g.
With line-height
No ellipses: height is 44px
With ellipses: height is 42px

Without line-height
No ellipses: height is 38px
With ellipses: height is 38px</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>