Firefox 27 for developers

Firefox 27 was released on February 4, 2014. This article lists key changes that are useful not only for web developers, but also Firefox and Gecko developers as well as add-on developers.

Changes for Web developers

Developer Tools

  • Breakpoints can now be set on DOM events.
  • JavaScript in the debugger panel can be unminified, using the { } button.
  • The inspector now has an "edit-element-html" feature, without needing an add-on.
  • Background-URLs and colors have preview in inspector. Even hovering over canvas elements will give a pop-up with an image preview.
  • Reflow logging has been added.
  • Styles of SVG elements are now inspectable (bugĀ 921191).
  • Failure to find the image when clicking URL link in CSS inspector has been fixed (bugĀ 921686).
  • The X-SourceMap header is now supported (bugĀ 765993).

More details in this post.

CSS

  • The -moz-grab and -moz-grabbing keywords on the CSS cursor property have been unprefixed to grab and grabbing (bugĀ 880672).
  • Support for the -moz-hsla() and -moz-rgba() functional notations has been dropped. Only the unprefixed versions, hsla() and rgba() are supported from now on (bugĀ 893319).
  • The "true" value for text-align has been added (bugĀ 929991).
  • Experimental support of position:sticky is now active by default on non-release builds (bugĀ 902992). For releases builds, the layout.css.sticky.enabled preference still needs to be set to true.
  • The all shorthand property has been added (bugĀ 842329).
  • The unset global value has been added; it allows to reset any CSS property (bugĀ 921731).
  • Curly brackets are no longer allowed in HTML style attributes: doing <div style="{ display: none }"> was working in quirks mode, but won't anymore bugĀ 915053.
  • The overflow property now works on <fieldset> (bugĀ 261037).

HTML

JavaScript

EcmaScript 2015Ā implementation continues!

Interfaces/APIs/DOM

MathML

No change.

SVG

  • Blending of SVG elements using the mix-blend-mode property has been implemented. The layout.css.mix-blend-mode.enabled preference must be set to true (bugĀ 902525).

Changes for addon and Mozilla developers

  • The downloads-indicator button has gone away. You should now use the downloads-button element. If you need to check that it has loaded its overlay, check for the indicator attribute on that button.
  • The chrome://browser/skin/downloads/indicator.css stylesheet is no longer referenced in Firefox.

Security

  • TLS 1.2 has been implemented for improved security (bugĀ 861266).

See also

Older versions