What's Changed

• Fix shorthand property parsing by @developit in #27
• Bugfix: walk inline styles when initializing by @developit in #29

Full Changelog: 3.3.0...3.4.0

Contributors

• @developit

• Fix a case where paint rules were not properly detected in Firefox (#22,
  a9f40df)
• Fix a case where resizing the browser window would not update elements to reflect new styles from media rules (
  b0a980c)

Version 3.x of css-paint-polyfill is now the stable release. Time to migrate from 2.x!

• paint() within border-image now works properly in Safari and Firefox, albeit without HiDPI support (3c3f486)
• leading/trailing whitespace is now always removed from CSS property values accessed by worklets (4c7c315)
• support paint() in any CSS property value capable of accepting an image

• Fix incorrect width/height calculations in browsers without borderBoxSize support
• Fix ResizeObserver dimensions in Firefox, which returns a single borderBoxSize instead of an Array

• Improve performance by encapsulating Realm frames in a single parent frame and applying display:none to the root container

• Fix: workaround for external stylesheet imports in Firefox was being removed by Terser
• Prevent data-css-paint attribute from being removed by frameworks
• Improve performance by only inspecting/tracking properties that can contain paint() references

• Fix scanning of dynamically inserted stylesheets with @import's in Firefox
• Fix detection of paint rules defined in static HTML attributes in Firefox & Safari

This release contains a bunch of bug fixes for 3.0.1: npm install css-paint-polyfill@next

• Fix initial paint rules being ignored for some fully client-rendered applications (#16, fa3b266)
• Fix a crash when using cloneNode() to clone DOM trees containing painted elements (e60ca42)
• Fix property values (properties.get('x')) containing leading whitespace in Safari (901fc5f, 25b45cd)
• Optimization: don't maintain tracking info for CSS rules with no paint worklet references (455de1e)
• Fix element geometry being incorrect in Safari after an element is resized (bebf16f)
• Update painted elements in response to hover/pointer/animation events (25b45cd)

• Added support for detecting and applying paint rules in @import'ed stylesheets
• Added support for paint rules in all forms of inline styles
• Improved performance by using ResizeObserver in Firefox & Safari
• Added polyfill for CSS.supports()
• Added polyfill for CSS.registerProperty()
• Added polyfills for CSSpx(...) and friends
• Fixed numerous cases where paint geometry was not invalidated correctly
• Fixed DPI scaling in Firefox and Safari when swapping paint rules