<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 - Emoji variant selection changes with line wrapping"
   href="https://bugs.webkit.org/show_bug.cgi?id=159917">159917</a>
          </td>
        </tr>

        <tr>
          <th>Summary</th>
          <td>Emoji variant selection changes with line wrapping
          </td>
        </tr>

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

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

        <tr>
          <th>Version</th>
          <td>Safari Technology Preview
          </td>
        </tr>

        <tr>
          <th>Hardware</th>
          <td>Macintosh
          </td>
        </tr>

        <tr>
          <th>OS</th>
          <td>OS X 10.11
          </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>Layout and Rendering
          </td>
        </tr>

        <tr>
          <th>Assignee</th>
          <td>webkit-unassigned&#64;lists.webkit.org
          </td>
        </tr>

        <tr>
          <th>Reporter</th>
          <td>Matthias.Wiesmann&#64;gmail.com
          </td>
        </tr>

        <tr>
          <th>CC</th>
          <td>simon.fraser&#64;apple.com
          </td>
        </tr></table>
      <p>
        <div>
        <pre>Created <span class=""><a href="attachment.cgi?id=283993" name="attach_283993" title="Small HTML example that reproduces the problem.">attachment 283993</a> <a href="attachment.cgi?id=283993&amp;action=edit" title="Small HTML example that reproduces the problem.">[details]</a></span>
Small HTML example that reproduces the problem.

When emoji 263A is followed by a skin tone selector, the tone selector is not honoured, but this forces the display of the emoji style, i.e. implicitly the character is displayed as it were 263A FE0F. This behaviour changes if there is an line break between the emoji and the skin tone selector. So basically the appearance of the character changes according to the line breaking behaviour.
See the attached small HTML file which reproduces the issue. 

I'm not sure what the correct behaviour should be, but switching characters on the line breaking is wrong. 
Reasonable behaviours could be:
a) honour skin color modifier.
b) do not implicitly trigger the emoji variant when a skin tone selector is present and not honoured.
c) trigger the emoji variant regardless of line breaking.</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>