This year’s spring releases of Safari 13.1 for macOS Catalina, iPadOS, iOS, and watchOS bring a tremendous number of WebKit improvements for the web across Apple’s platforms. All of this with many more updates for improved privacy, performance, and a host of new tools for web developers.
These features stand out to me:
- Pointer and Mouse Events on iPadOS
- Web Animations API
- Async Clipboard API
- JavaScript Improvements:
String.prototype.replaceAll()and Nullish Coalescing (??) ResizeObserver- HTML
enterkeyhintAttribute - Media APIs: Picture-in-Picture API and Remote Playback API
- Subtitles and Captions
Great to see things like ResizeObserver finally make it into Safari. The Web Anmations even have gotten their own entry on the WebKit Blog.
~
The enterkeyhint attribute is something new to me. As the spec states, it allows you to set the word to be used on the enter button on virtual keyboards:
The
enterkeyhintcontent attribute is an enumerated attribute that specifies what action label (or icon) to present for the enter key on virtual keyboards. This allows authors to customize the presentation of the enter key in order to make it more helpful for users.
Allowed values are:
enter: Typically inserting a new line.done: Typically meaning there is nothing more to input and the IME will be closed.go: Typically meaning to take the user to the target of the text they typed.next: Typically taking the user to the next field that will accept text.previous: Typically taking the user to the previous field that will accept text.search: Typically taking the user to the results of searching for the text they have typed.send: Typically delivering the text to its target.
~
New WebKit Features in Safari 13.1 →
Web Animations in Safari 13.1 →