v10.0.1

Polypane 10.0.1

• Fix issue causing custom panes to continuously reload

Polypane 10
Polypane 10 brings a number of often requested workflow features to Polypane: a detachable panel, the ability to turn off navigation sync for panes and element screenshots. It also updates Polypane to Chromium 104, adds more features in the screenshot editor and has more accurate color blindness simulators. Full release notes

New Features

• New Panel can now be detached from main window
• New Ability to turn off navigation sync
• New Element screenshots (Thanks Eric!)
• New Emoji picker in Screenshot Editor
• New Redlines in Screenshot Editor
• New Screenshots editor: Save as PNG, JPG or PDF
• New Duplicate pane option (Thanks Sam!)
• New Humans.txt is now shown in Meta panel
• New Custom Prettier settings support for Live CSS, Source and Elements panel (Thanks Mathieu!)
• New UI and auto-suggestions for custom headers
• New Elements panel: Highlight all matching elements feature

Improvements

• Improved More accurate color blindness simulators
• Improved Dark mode: Improve contrast of text
• Improved Global zoom: Auto-select the entire number when clicking (Thanks Bryce!)
• Improved Outline panel: take presentational headers into account when testing for issues
• Improved Outline panel: overlays now show tags above element
• Improved Storage panel: updated design with better alignments
• Improved Storage panel: input fields now work the same as elsewhere in the app
• Improved Elements panel: Automatically scroll value suggestions into view (Thanks Ferry!)
• Improved Elements panel: Add icon for box model button
• Improved Elements panel: Better access to CSS files with access control headers
• Improved Inspect element shortcut now picks Elements Panel or Chromium devtools depending on settings
• Improved Meta panel: Update Telegram Web preview (Thanks Hiro!)
• Improved Meta panel: update Hover style of Twitter summary cards
• Improved Meta Panel: Improved Discord previews (Thanks Charlie!)
• Improved Chromium: Add support for CSS Scopes
• Improved Add more space around navigation buttons (Thanks Jay!)
• Improved Add more space around pane management icons
• Improved Favicons are now extracted from the current panes rather than extracted from a background fetched page
• Improved Red borders around panes for disabled CSS and Chaos test debug tools and offline panes
• Improved Device list now scrolls items into view when using the arrow keys
• Improved New Pixel 5 device preset
• Improved New panes always use the current color-scheme
• Improved Use correct background color in screenshots for pages that have no specified background color
• Improved Active navigation is cancelled before starting a new navigation
• Improved Updated Accessibility rules
• Improved Updated Google fonts

Removals

• Removed HTML5 Document Outline removed from Outline panel

Fixes

• Fix Prevent console error for sites collecting sourcemaps (Thanks Mitchell!)
• Fix Prevent vertical scrolling with height: auto panes and global zoom in horizontal layout
• Fix window.__polypane issue with height: auto panes
• Fix overview screenshots with 14+ panes never resolving
• Fix Color picker for left-aligned panel is now visible
• Fix Elements panel: remove unneeded vertical height in a11y tab
• Fix Elements panel: Add style now automatically grows to fit content
• Fix Outline panel: show warning for top level URLs missing aria-current
• Fix Console panel: %c messages were showing the styling as well
• Fix Console panel: various display issues
• Fix Devtools extension dropdown rendering issue
• Fix Color picker for rulers now repositions when needed
• Fix Vue-cli HTML5 navigation sync works again (Thanks Tim and Josee!)
• Fix Device list arrow keys didn't select last device when pressing up
• Fix Inline stylesheet option always inlined stylesheets even when off
• Fix Noto Sans JP font causing performance issues (Thanks Hiro!)
• Fix Row overlay always used the default color