Calculated CSS Values, a Color Picker and the Translate Attribute
Published on in Google Chrome, Last Week, tech, WebKit. Version: Chrome 19
Another 1,642 changes landed in the repositories last week, 958 for Chromium and 684 for WebKit. Highlights include a color picker for Web Inspector and early functionality for the calc() function.
Brian Grinstead’s color picker is now enabled by default in WebKit nightlies, following some slight polishing. To aid the undo and redo system, an event has been added to monitor CSS modifications, percentage calculation for empty heap snapshotshas been fixed and the first UI for managing IndexedDB databases is available. The free-flow DOM editing experiment has ended, concluding that it wasn’t an optimal solution for highly dynamic pages. Single-click CSS editing did however get enabled by default, and the Elements Panel will now show previews for images.
Per Mike’s commit, basic usage of CSS’ calc() function have started to work in WebKit. Two new CSS properties have been added, -webkit-line-grid to support the alignment of lines in the inline direction to the line grid and -webkit-overflow-scrolling, indicating that an element with overflow scrolling should follow the platform’s behavior. Nested horizontal flexboxes for the new implementation have been fixed, the nowrap value for the flex-wrap property has been renamed to “none” and the computed style for auto flex-item-align now resolves to its parent’s flex-align.
All HTML elements now support the translate attribute. Support for the DOM Level 3 FocusEvent class has been added and the “types” attribute for HTML5’s drag and drop Clipboard object now returns a DOMStringList. As for CSS Regions, it’s now possible to check whether a named flow overflows and update the regionOverflow property for all elements. Finally, a repaint issue and a text selection issue related to Regions have been fixed as well.
Other changes which occurred last week:
- CSS Animations can now be driven through requestAnimationFrame, evading the 40Hz limit.
- Following the actual implementation, an API is now available to invert colors on the Windows port.
- Inverting colors is coming to Chromium as well, now supported for non-accelerated content.
- <mark> elements now expose their highlighted state and <summary> has been made keyboard accessible.
- The right MSAA role for tab-related content will now be set within Chromium.
- Certain XMLHttpRequest resources can now be re-used from the memory cache.
- Apple’s WebKit ports have also switched over to using the RFC6455 protocol for WebSockets.
- The “OK” button will now be focused again in JavaScript dialogs displayed from Chromium.
- Fat Fingers is now responsible for touch accuracy in BlackBerry’s WebKit port.
- Support for CSS Regions can now be toggled during run-time, and may be disabled for Chromium.
- Chromium on Linux will now display the profile avatar or Incognito emblem in the window icon.
- Scoped selector matching has been implemented in the CSS slow path.
And that was an update from London again, thanks for reading!