v30.0.0

Polypane 30
Polypane 30 introduces Playgrounds so you can open directories as real HTTPS URLs in seconds, adds support for the Side Panel extension API, brings major Network panel improvements, and includes a fully rewritten video recording implementation that's much faster and supports sound. Full release notes

New

• New Polypane Playgrounds
• New Video recording supports sound and improved performance
• New Extensions: Side Panel extension support
• New Network panel: filter requests
• New Network panel: sort by all requests or per origin
• New Emulation: svh difference overlay is now on by default
• New Emulation: text-scale emulation support
• New Emulation: Pixel and iPhone device previews
• New Elements panel: Support commandForElement display in DOM tree (Thanks Rik!)
• New Projects can now have project-specific default tabs (Thanks Silas!)
• New Syncing engine: Synced text selection
• New Meta panel: Standard Site validation and previews
• New Chromium 152

Improvements

• Improved Faster startup-time due to Electron improvements
• Improved A roughly 20% performance improvement due to Electron improvements
• Improved Network panel: hover initiator to highlight the request that initiated it (Thanks Matija!)
• Improved Meta panel: Head order overview now recognises viewport-fit as valid value
• Improved Meta panel: Redesign layout and add text-scale
• Improved Meta panel: Show warnings for incorrectly sized OG images (Thanks Ky!)
• Improved Meta panel: Improved fallback suggestions in OG tag lists
• Improved Meta panel: Improve Google SERP preview
• Improved Meta panel: Show plaintext robots.txt content (to help with comments)
• Improved Meta panel: Mastodon preview now checks for verified domain value (Thanks Manuel!)
• Improved Meta panel: Update Mastodon preview colors
• Improved Outline panel: Faster updating of focus overlay when scrolling and resizing
• Improved Outline panel: Faster accessibility tree parsing
• Improved Elements panel: Show a warning badge for quirks mode (Thanks Roma!)
• Improved Elements panel: The text editor is now resizable (Thanks Bernd!)
• Improved Elements panel: Support if() in CSS properties with proper indentation
• Improved Elements panel: consistent opening of Elements panel or chromium devtools under one shortcut/menu item
• Improved Elements panel: You can now click on pseudo elements in the DOM tree
• Improved Elements panel: Newly supported CSS Properties and values
• Improved Elements panel: Add support for focusgroup attribute autocomplete
• Improved Console panel: Improved performance, better previews and evaluation in main world and portals
• Improved Console panel: Element references like $0 now work across shadow boundaries
• Improved Console panel: Assignments are now kept in scope
• Improved Accessibility overviews now provide additional information for properties on hover
• Improved Accessibility overviews now hide irrelevant properties depending on the element role (Thanks Christian, Eric, Manuel, Sara, Jules and Ronny!)
• Improved Peek: Turn touch emulation off when inspecting with Peek (Thanks Marc!)
• Improved Peek: Show values of aria-current, aria-pressed and aria-expanded if defined (Thanks Eric!)
• Improved New tab: now open with the last used layout
• Improved Rendering: the 'in-polypane' class is now off by default
• Improved Extensions: automatically open chrome-extension links in full layout
• Improved Extensions: Support extension id substitute strings in CSS
• Improved Extensions: Correctly support browser namespace in extensions
• Improved Extensions: support for tabCapture APIs (Thanks Kathryn!)
• Improved Extensions: Support for KeePassXC extension (Thanks Mateus!)
• Improved Extensions: Decrease logging in the terminal
• Improved Panes: now zoom out to fit in horizontal and focus layouts instead of clipping (Thanks Brady!)
• Improved Panes: Cmd/Ctrl + dragging now scales panes
• Improved Panes: Shift + scale now follows the larger side when resizing
• Improved Image overlay: renamed from reference image
• Improved Debug overlays: Renamed from Debug tools
• Improved Debug overlays: Improved performance for contrast checker, text spacing, z-index and disable * debug tools
• Improved Shortcuts: toggle Panel between last two positions (Thanks Bas!)
• Improved Shortcuts: Esc no longer removed focus from pane (Thanks Eric!)
• Improved All file size notations across the app now use the same SI 1000-base units
• Improved Context menus: Now detect email address and phone numbers for easy copying
• Improved Context menus: Copy and save video frame options
• Improved Panel: Automatically update tab widths for larger text sizes (Thanks Ashlee!)
• Improved Syncing engine: Reset buttons are now synced across panes
• Improved Project editor: Automatically scroll newly added bookmarks and environments into view (Thanks Eric!)
• Improved Screenshots: Improve performance of full-page screenshots for very long pages (Thanks Brad!)
• Improved Rulers: Measure areas now have a camera icon to create screenshots of the measured area
• Improved Address bar: You can now click + drag to select text, instead of it focusing the entire content (Thanks Rick!)
• Improved Emoji picker: Now supports Emoji 17.0
• Improved Polypane Peek: disables scroll syncing on inspect
• Improved Dragged-in JSON files automatically open in full layouts
• Improved JSON and XML viewers: improve dark mode styling
• Improved Passkey support should now work with more authentication methods
• Improved Updated list of Google Fonts

Removed

• Removed Meta panel: The "mobile friendly" check is removed as it's no longer used by search engines (Thanks Robbert!)
• Removed A11y.css is now available as a snippet and no longer part of the Debug overlays

Fixes

• Fix Meta panel: Whatsapp card was missing title
• Fix Meta panel: Opening a new tab no longer resets preview order
• Fix Network panel: Sort origins by first connection time, rather than last activity (Thanks Matija!)
• Fix Network panel: Web Vitals data was cleared when switching tabs (Thanks Matija!)
• Fix Network panel: Prevent resetting of size bars
• Fix Elements panel: Fix missing computed styles for some websites (Thanks Matija!)
• Fix Elements panel: Properly expand attribute value fields for long values
• Fix Elements panel: Show nested declarations in at-scope rules (Thanks Rick!)
• Fix Peek: the color preview for color-mix() was broken (Thanks Marc!)
• Fix Pane URL bar: prevent selecting a preset on enter and applying URL on blur
• Fix Polypane Message Bus: Message bus is now available again
• Fix Console panel: Prevent console from getting its element references from different tab
• Fix Reference image: Properly support non-ascii characters (Thanks Sigmundur!)
• Fix Panes: Fix sizer position for zoomed out panes
• Fix Debug overlays: Disable Images now correctly restores when turned off
• Fix Debug overlays: Right-click no longer re-applies debug overlays twice
• Fix Address bar: Pressing enter on an empty address bar no longer submits
• Fix Address bar: Make sure the address bar doesn't overlap warning icons (Thanks Vadim!)
• Fix Outline panel: Focus overlay correctly ignores tabindex=-1 elements for comparisons
• Fix Outline panel: styling issue fixes for warnings and indicators
• Fix Screenshots: Fix issue where images weren't saved to disk directly
• Fix Screenshots: Prevent visual glitch when taking a full height screenshot
• Fix Screenshots: Prevent silent error when trying to save to a non-existent folder
• Fix svh and safe area insets now redraw faster during resize
• Fix Google Fonts import didn't use variable fonts
• Fix Extensions: Automatically support default permissions for all extensions
• Fix Middle click ruler button on full layout now clears the rulers
• Fix Portal only syncs events from the portalled tab
• Fix Portal syncs non-tab originated navigation events again
• Fix Focus overlay now only uses tabbable elements for tab order validation instead of all focusable elements (Thanks Eric!)