<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 - Label of an &lt;option&gt; element is displayed when textContent of the element is empty"

   href="https://bugs.webkit.org/show_bug.cgi?id=169296">169296</a>

          </td>

        </tr>

        <tr>

          <th>Summary</th>

          <td>Label of an &lt;option&gt; element is displayed when textContent of the element is empty

          </td>

        </tr>

        <tr>

          <th>Classification</th>

          <td>Unclassified

          </td>

        </tr>

        <tr>

          <th>Product</th>

          <td>WebKit

          </td>

        </tr>

        <tr>

          <th>Version</th>

          <td>Safari 10

          </td>

        </tr>

        <tr>

          <th>Hardware</th>

          <td>Unspecified

          </td>

        </tr>

        <tr>

          <th>URL</th>

          <td>data:text/html,&lt;select&gt;&lt;option%20value=&quot;X&quot;%20label=&quot;X&quot;&gt;&lt;/option&gt;&lt;option%20value=&quot;?%22%3E?%3C/option%3E%3Coption%20value=%22+%22%3E+%3C/option%3E%3Coption%20value=%22-%22%3E-%3C/option%3E%3C/select%3E

          </td>

        </tr>

        <tr>

          <th>OS</th>

          <td>Unspecified

          </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>Forms

          </td>

        </tr>

        <tr>

          <th>Assignee</th>

          <td>webkit-unassigned&#64;lists.webkit.org

          </td>

        </tr>

        <tr>

          <th>Reporter</th>

          <td>ddkilzer&#64;webkit.org

          </td>

        </tr>

        <tr>

          <th>CC</th>

          <td>ap&#64;webkit.org, cdumez&#64;apple.com, rniwa&#64;webkit.org, webkit-bug-importer&#64;group.apple.com, wenson_hsieh&#64;apple.com

          </td>

        </tr></table>

      <p>

        <div>

        <pre>The label of an &lt;option&gt; element is displayed in a &lt;select&gt; menu when the textContent of the &lt;option&gt; element is empty, such as in this example:

&lt;select&gt;

    &lt;option value=&quot;X&quot; label=&quot;Y&quot;&gt;&lt;/option&gt;

    &lt;option value=&quot;?&quot;&gt;?&lt;/option&gt;

    &lt;option value=&quot;+&quot; &gt;+&lt;/option&gt;

    &lt;option value=&quot;-&quot; &gt;-&lt;/option&gt;

&lt;/select&gt;

This displays the following options in the &lt;select&gt; menu in WebKit:

    Y

    ?

    +

    -

Neither Firefox nor Chrome display the label--instead that item is blank.

This matters because a future version of Bugzilla added the label, so WebKit will render the &lt;option&gt; incorrectly until this is fixed:

&lt;<a href="https://github.com/bugzilla/bugzilla/commit/7d0c10e71498f2909f466fc0ccda1890595bd3ff#diff-535e432916dc0692c5c86efd8da46662L126">https://github.com/bugzilla/bugzilla/commit/7d0c10e71498f2909f466fc0ccda1890595bd3ff#diff-535e432916dc0692c5c86efd8da46662L126</a>&gt;</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>