Firefox 21 for developers

  • Revision slug: Firefox_21_for_developers
  • Revision title: Firefox 21 for developers
  • Revision id: 351609
  • Created:
  • Creator: teoli
  • Is current revision? No
  • Comment

Revision Content

This page is not complete
As Firefox 21 didn't reached its feature freeze yet, new features will be added to it in the near future.

{{ ReleaseChannelInfo("21", "21", "Mai 2013", "Nightly") }}

Want to help document Firefox 21? See the list of bugs that need to be written about and pitch in!

Changes for Web developers

HTML

  • The {{htmlattrxref("scoped", "style")}} attribute has been added to the {{HTMLElement("style")}} element. It allows to include styles that are isolated from the rest of the document. Such styles can be selected using the {{cssxref(":scope")}} CSS pseudo-element introduced in Firefox 20. ({{bug("508725")}}).
  • The new HTML {{HTMLElement("main")}} element has been implemented ({{bug("820508")}}).

JavaScript

CSS

  • The none value of {{cssxref("user-select", "-moz-user-select")}} has now the same behavior than the -moz-none value, aligning Gecko on Webkit (Chrome, Safari), Presto (Opera) and Trident (Internet Explorer) ({{bug("816298")}}).
  • On XHTML content, the auto value of {{cssxref("hyphens", "-moz-hyphens")}} incorrectly applied hyphenation rules when the language was not explicitly declared. This is fixed by ({{bug("702121")}}).
  • An auto value has been added to the CSS {{cssxref("-moz-orient")}} property. The auto value is equivalent to horizontal when applied to {{HTMLElement("meter")}} and {{HTMLElement("progress")}} ({{bug("835883")}}).

DOM

  • The origin property has been added to the {{domxref("window.location")}} ({{bug("828261")}}).
  • The valueAsDate and valueAsNumber methods have been added for <input type="time"> ({{bug("781570")}}).
  • The min and max attributes now apply to <input type="time"> too ({{bug("781572")}}).

SVG

  • The {{cssxref("paint-order")}} property has been implemented ({{bug("828805")}}).

Changes for add-on and Mozilla developers

See also

Older versions

{{Firefox_for_developers('20')}}

Revision Source

<div class="overheadIndicator draft draftHeader">
  <strong>This page is not complete</strong>
  <div>
    As Firefox 21 didn't reached its feature freeze yet, new features will be added to it in the near future.</div>
</div>
<p>{{ ReleaseChannelInfo("21", "21", "Mai 2013", "Nightly") }}</p>
<p>Want to help document Firefox 21? See the <a class="external" href="http://beta.elchi3.de/doctracker/#list=fx&amp;version=21.0">list of bugs that need to be written about</a> and pitch in!</p>
<h2 id="Changes_for_Web_developers">Changes for Web developers</h2>
<h3 id="HTML">HTML</h3>
<ul>
  <li>The {{htmlattrxref("scoped", "style")}} attribute has been added to the {{HTMLElement("style")}} element. It allows to include styles that are isolated from the rest of the document. Such styles can be selected using the {{cssxref(":scope")}} CSS pseudo-element introduced in Firefox 20. ({{bug("508725")}}).</li>
  <li>The new HTML {{HTMLElement("main")}} element has been implemented ({{bug("820508")}}).</li>
</ul>
<h3 id="JavaScript">JavaScript</h3>
<h3 id="CSS">CSS</h3>
<ul>
  <li>The <code>none</code> value of {{cssxref("user-select", "-moz-user-select")}} has now the same behavior than the <code>-moz-none</code> value, aligning Gecko on Webkit (Chrome, Safari), Presto (Opera) and Trident (Internet Explorer) ({{bug("816298")}}).</li>
  <li>On XHTML content, the <code>auto</code> value of {{cssxref("hyphens", "-moz-hyphens")}} incorrectly applied hyphenation rules when the language was not explicitly declared. This is fixed by ({{bug("702121")}}).</li>
  <li>An <code>auto</code> value has been added to the CSS {{cssxref("-moz-orient")}} property. The <code>auto</code> value is equivalent to <code>horizontal</code> when applied to {{HTMLElement("meter")}} and {{HTMLElement("progress")}} ({{bug("835883")}}).</li>
</ul>
<h3 id="DOM">DOM</h3>
<ul>
  <li>The <code>origin</code> property has been added to the {{domxref("window.location")}} ({{bug("828261")}}).</li>
  <li>The <code>valueAsDate</code> and <code>valueAsNumber</code> methods have been added for <code>&lt;input type="time"&gt;</code> ({{bug("781570")}}).</li>
  <li>The <code>min</code> and <code>max</code> attributes now apply to <code>&lt;input type="time"&gt;</code> too ({{bug("781572")}}).</li>
</ul>
<h3 id="SVG">SVG</h3>
<ul>
  <li>The {{cssxref("paint-order")}} property has been implemented ({{bug("828805")}}).</li>
</ul>
<h2 id="Changes_for_add-on_and_Mozilla_developers">Changes for add-on and Mozilla developers</h2>
<h2 id="See_also">See also</h2>
<ul>
  <li><a href="http://www.mozilla.org/en-US/firefox/21.0a1/nightlynotes/">Firefox&nbsp;21 Aurora Release Notes</a> (not yet available)</li>
  <li><a href="/en-US/docs/Site_Compatibility_for_Firefox_21">Site Compatibility for Firefox 21</a></li>
</ul>
<h3 id="Older_versions">Older versions</h3>
<p>{{Firefox_for_developers('20')}}</p>
Revert to this revision