ContextQMD
Back to Content

Firefox 53 release notes for developers

files/en-us/mozilla/firefox/releases/53/index.md

latest15.5 KB
Original Source

Firefox 53 was released on April 19, 2017. This article lists key changes that are useful not only for web developers but also for Firefox and Gecko developers, as well as add-on developers.

Changes for web developers

Developer Tools

CSS

New features

Other changes

  • Enable mask longhands on SVG elements (Firefox bug 1319667).
  • [css-grid] Fixed: align-self/justify-self:stretch/normal doesn't work on <table> grid items (Firefox bug 1316051).
  • Fixed: clip-path: circle() with large reference box and percentage radius does not render correctly (Firefox bug 1324713.
  • When applying a {{cssxref("text-transform")}} value of uppercase to Greek text, the accent on the disjunctive eta (ή) is no longer removed (see Firefox bug 1322989).
  • The availability of the contents value of {{cssxref("display")}} was controlled through the layout.css.display-contents.enabled pref. In Firefox 53, this pref has been removed altogether, so the value will always be available and can no longer be disabled (Firefox bug 1295788).

JavaScript

  • ECMAScript 2015 semantics for the {{jsxref("Function.name")}} properties have been implemented. This includes inferred names on anonymous functions (var foo = function() {}) (Firefox bug 883377).
  • ECMAScript 2015 semantics for closing iterators have been implemented. This affects the for...of loop, for example (Firefox bug 1147371).
  • The Template Literal Revision proposal that lifts escape sequence restrictions on tagged template literals has been implemented (Firefox bug 1317375).
  • The static length property of {{jsxref("TypedArray")}} objects was changed from 3 to 0 as per ES2016 (Firefox bug 1317306).
  • {{jsxref("SharedArrayBuffer")}} can now be used in {{jsxref("DataView")}} objects (Firefox bug 1246597).
  • In earlier versions of the specification, {{jsxref("SharedArrayBuffer")}} objects needed to be explicitly transferred during structured cloning. In the new specification, they aren't transferable objects anymore and thus must not be in the transfer list. The new behavior used to present a console warning only, but will now throw an error (Firefox bug 1302037).
  • The {{jsxref("ArrayBuffer")}} length is now limited to {{jsxref("Number.MAX_SAFE_INTEGER")}} (>= 2 ** 53) (Firefox bug 1255128).
  • {{jsxref("Error")}} and other native error object prototypes like {{jsxref("RangeError")}} etc. are now ordinary objects instead of proper Error objects. (In particular, Object.prototype.toString.call(Error.prototype) is now "[object Object]" instead of "[object Error]".) (Firefox bug 1213341).

Events

  • CSS Transitions: The {{domxref("Element/transitionstart_event", "transitionstart")}}, {{domxref("Element/transitionrun_event", "transitionrun")}}, and {{domxref("Element/transitioncancel_event", "transitioncancel")}} events have been implemented (see Firefox bug 1264125 and Firefox bug 1287983).
  • The {{domxref("CompositionEvent.CompositionEvent", "CompositionEvent")}} constructor has been implemented (see Firefox bug 1002256).
  • The {{domxref("MouseEvent.x")}} and {{domxref("MouseEvent.y")}} aliases of {{domxref("MouseEvent.clientX")}}/{{domxref("MouseEvent.clientY")}} have been implemented (see Firefox bug 424390).
  • The {{domxref("Element/auxclick_event", "auxclick")}} event and corresponding event handler have been implemented (see Firefox bug 1304044).
  • The {{domxref("Element/transitioncancel_event", "transitioncancel")}} event is now fired after a transition is cancelled.

DOM

  • The {{domxref("HTMLAnchorElement/pathname", "pathname")}} and {{domxref("HTMLAnchorElement/search", "search")}} properties of links (like for {{HTMLElement("a")}} and {{HTMLELement("link")}} elements' interfaces previously returned the wrong parts of the URL. For example, for a URL of http://z.com/x?a=true&b=false, pathname would return "/x?a=true&b=false" and search would return "", rather than "/x" and "?a=true&b=false" respectively. This has now been fixed (Firefox bug 1310483).
  • The {{domxref("URLSearchParams.URLSearchParams", "URLSearchParams()")}} constructor now accepts a string or sequence of strings as an init object (Firefox bug 1330678).
  • The {{domxref("Selection.setBaseAndExtent()")}} method of the Selection API is now implemented (see Firefox bug 1321623).
  • The "fakepath" addition to file type {{htmlelement("input")}} values has been implemented in Gecko, giving it parity with other browsers (see Firefox bug 1274596).
  • {{domxref("Node.getRootNode()")}} has been implemented, replacing the deprecated Node.rootNode property (Firefox bug 1269155).
  • Own properties of {{domxref("Plugin")}} and {{domxref("PluginArray")}} objects are no longer enumerable (Firefox bug 1270366).
  • Named properties of {{domxref("MimeTypeArray")}} objects are no longer enumerable (Firefox bug 1270364).
  • The Permissions API now has a new permission name available — persistent-storage — as used when making a {{domxref("Permissions.query()")}} (see Firefox bug 1270038). This allows an origin to use a persistent box (i.e., persistent storage) for its storage, as per the Storage API.
  • The {{domxref("Performance.timeOrigin")}} property has been implemented (Firefox bug 1313420).

Workers and service workers

WebGL

  • The {{domxref("WEBGL_compressed_texture_astc")}} WebGL extension has been implemented (Firefox bug 1250077).
  • The {{domxref("WEBGL_debug_renderer_info")}} WebGL extension is now enabled by default (Firefox bug 1336645).

Audio, video, and media

General

  • Beginning in Firefox 53 for Android, decoding of media is handled out-of-process for improved performance on multi-core systems (Firefox bug 1333323).

Media elements

  • The {{domxref("HTMLMediaElement.play()")}} method, used to begin playback of media in any media element, now returns a {{jsxref("Promise")}} which is fulfilled when playback begins and is rejected if an error occurs (Firefox bug 1244768).

Web Audio API

  • The {{domxref("AudioScheduledSourceNode")}} interface has been added and the {{domxref("AudioBufferSourceNode")}}, {{domxref("ConstantSourceNode")}}, and {{domxref("OscillatorNode")}} interfaces are now based on it (Firefox bug 1324568).
  • All the different audio node types have had constructors added to them (Firefox bug 1322883).

WebRTC

  • The {{domxref("RTCPeerConnection")}} methods {{domxref("RTCPeerConnection.createOffer", "createOffer()")}} and {{domxref("RTCPeerConnection.createAnswer", "createAnswer()")}} now return a {{jsxref("Promise")}} that returns an object conforming to the RTCSessionDescriptionInit dictionary instead of returning an {{domxref("RTCSessionDescription")}} directly. Existing code will continue to work, but new code can be written more simply.
  • Similarly, the {{domxref("RTCPeerConnection")}} methods {{domxref("RTCPeerConnection.setLocalDescription", "setLocalDescription()")}} and {{domxref("RTCPeerConnection.setRemoteDescription", "setRemoteDescription()")}} now accept as input an object conforming to the dictionary RTCSessionDescriptionInit dictionary. Existing code continues to work, but can be simplified.
  • {{domxref("RTCPeerConnection.addIceCandidate()")}} now accepts as input an initialization object. This is compatible with existing code but allows new code to be written slightly more simply when used in tandem with the changes listed above (Firefox bug 1263312).
  • {{Glossary("DTMF")}} support is now enabled by default using {{domxref("RTCDTMFSender")}}. See Using DTMF with WebRTC for more information on how this works.

HTTP/Networking

  • Gecko now has a pref available in about:config to allow users to set their default {{HTTPHeader("Referrer-Policy")}} — network.http.referer.userControlPolicy (Firefox bug 1304623). Possible values are:

    • 0 — no-referrer
    • 1 — same-origin
    • 2 — strict-origin-when-cross-origin
    • 3 — no-referrer-when-downgrade (the default)

  • Support for Next Protocol Negotiation (NPN) has been removed in favor of Application-Layer Protocol Negotiation (ALPN) — see Firefox bug 1248198.

  • The Large-Allocation HTTP header is now available by default, and no longer hidden behind a pref (Firefox bug 1331083).

SVG

Removals from the web platform

HTML/XML

  • The dom.details_element.enabled pref — which controlled enabling/disabling {{htmlelement("details")}} and {{htmlelement("summary")}} element support in Firefox — has now been removed from about:config. These elements (first enabled by default in Firefox 49) can no longer be disabled. See Firefox bug 1271549.
  • The mozapp attribute of the {{htmlelement("iframe")}} element /{{domxref("HTMLIFrameElement")}} interface has been removed — this was used to enable a Firefox OS app to be embedded in a mozilla-prefixed Browser API <iframe> (Firefox bug 1310845).
  • The HTMLIFrameElement.setInputMethodActive() method and InputMethod interface (used to set and manage IMEs on Firefox OS apps) has been removed (Firefox bug 1313169).

CSS

  • Removed -moz prefixed variant of {{cssxref(":dir", ":dir()")}} pseudo-class (Firefox bug 1270406).
  • The -moz prefixed version of {{cssxref("text-align-last")}} got removed (Firefox bug 1276808).
  • Removed -moz prefixed variant of {{cssxref("calc", "calc()")}} method (Firefox bug 1331296).
  • The proprietary -moz-samplesize media fragment (added to aid in delivery of downsampled images to low memory Firefox OS devices; see Firefox bug 854795) has been removed (Firefox bug 1311246).

JavaScript

  • The non-standard {{jsxref("ArrayBuffer.slice()")}} method has been removed (but the standardized version {{jsxref("ArrayBuffer.prototype.slice()")}} is kept, see Firefox bug 1313112).

APIs

Other

  • The legacycaller has been removed from the {{domxref("HTMLEmbedElement")}} and {{domxref("HTMLObjectElement")}} interfaces (Firefox bug 909656).

Changes for add-on and Mozilla developers

WebExtensions

New APIs:

Enhanced APIs:

JavaScript code modules