Skip to content

v22.0.0

Choose a tag to compare

View all tags
@Kilian Kilian released this 28 Oct 11:58
v22.0.0
5d74900
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Verified
Learn about vigilant mode.

Polypane 22
We added the option to screenshot social media previews, made startup time and performance improvements, the elements panel has been updated with new element-specific pseudo state options, we've added the latest iPhone and Pixel devices and updated to Chromium 130. Full release notes

New

  • New Meta panel: Screenshot social media previews
  • New Elements panel: New element-specific force pseudo state options
  • New Elements panel: Show the computed values of CSS Custom properties on hover
  • New iPhone and Pixel devices
  • New Column and Row overlays now have an additional offset option to make it easier to align them with your design (Thanks Miguel!)
  • New Debug tools: Placeholdifier that excludes untranslatable text (Thanks Robbert!)
  • New Debug tools: Turn all Focus styles on (Thanks Erik and Eric!)
  • New Chromium 130

Improvements

  • Improved App no longer slows down for sites with excessive DOM sizes (10K+ nodes)
  • Improved Initial app startup time performance
  • Improved Pane resizing performance improvements
  • Improved List of breakpoints context menu now can't overflow the Polypane window
  • Improved Context menu now works even on pages with JS disabled (Thanks Cory!)
  • Improved Outline panel: Links without texts are now an error instead of a notice
  • Improved Outline panel: URL is now clamped to two lines to preserve space (Thanks Eric!)
  • Improved Outline panel: Hovering over an element now no longer removed overlays in the panes (Thanks Eric!)
  • Improved Outline panel: Headers and landmarks are now updated live on page changes
  • Improved Outline panel: Support for slotted elements in the Focus Order outline (Thanks Manuel!)
  • Improved Outline panel: The heading level is now shown in the role instead of as a separate option
  • Improved Elements panel: Support for CSSNestedDeclarations
  • Improved Elements panel: The a11y tab now lists all accessibility properties for the element
  • Improved Elements panel: reinstate forced hover state after actual hover (Thanks Miguel!)
  • Improved Elements panel: CSS custom properties that are set directly on the element are now also available as suggestions in the CSS editor
  • Improved Elements panel: Now remembers the selected element after reloading the page (Thanks Rik!)
  • Improved Meta panel: Give warning about the file type used for images
  • Improved Meta panel: Updated Google Search Page preview
  • Improved Meta panel: Updated Bluesky preview
  • Improved Meta panel: Updated logic for the titles of X/Twitter, LinkedIn and Threads
  • Improved Meta panel: Collapsed social media previews are now remembered across app launches
  • Improved Reference image: You can now use shift and cmd when positnioning the reference image to move it by 10 or 100 pixels
  • Improved Right-click and inspect element now also pierces shadow roots
  • Improved Show the horizontal overflow warning if scrollWidth changes and that causes a horizontal scrollbar (Thanks Jorge!)
  • Improved Screenshot editor: You can now double-click the zoom percentage to zoom to 100% or zoom to fit.
  • Improved Extensions: Add 'Atomic CSS Devtools' to list of known extensions
  • Improved Panel now remembers the last selected subtab across tabs, tab switches and app launches (Thanks Cory!)
  • Improved Re-instate the favicon glows on tabs (Thanks Harrison!)
  • Improved Debug tools: Update A11y.css (Thanks Eric!)
  • Improved Polypane now responds to changes to the html element's color-scheme CSS value (Thanks Sara!)
  • Improved Accessibility panel: updated ruleset
  • Improved updated Google fonts

Fixes

  • Fix window.__polypane.emulation.platform would not be set correctly
  • Fix Polypane would keep a keyboard shortcut occupied while not focused (Thanks Alan!)
  • Fix Elements panel: inspecting shadow roots works again (Thanks Noah!)
  • Fix Elements panel: Toggling classes now no longer immediately hides them
  • Fix Elements panel: Bug where specificity for :host couldn't be calculated
  • Fix Elements panel: Pseudo dot state wasn't visible on elements without children
  • Fix Elements panel: Accept suggestions while adding CSS values and pressing arrow keys
  • Fix Elements panel: Better handling of CSS declarations with multiple CSS custom properties
  • Fix Outline panel: The outline panel no longer clears out for pages where an element is missing an accessible name
  • Fix Console panel: make sure all console messages can be shown
  • Fix Rulers: color picker now works again
Assets 24
Loading