{"componentChunkName":"component---src-templates-post-jsx","path":"/blog/polypane-14/","result":{"data":{"mdx":{"body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nconst _frontmatter = {\n  \"title\": \"Polypane 14\",\n  \"cover\": \"/img/mail/icon.svg\",\n  \"date\": \"2023-06-07\",\n  \"type\": [\"announcement\"]\n};\nconst layoutProps = {\n  _frontmatter\n};\nconst MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  let {\n    components\n  } = _ref,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"p\", null, `Polypane 14 is here! In this release we added support for testing with multiple sessions, a new Elements Debug panel to quickly help you debug issues, an updated UI, new screenshot options, performance and UI improvements across the app and now running on Chromium 114.`), mdx(PolypaneIntro, {\n    mdxType: \"PolypaneIntro\"\n  }), mdx(\"h2\", {\n    \"id\": \"session-management\"\n  }, `Session management`), mdx(\"p\", null, `When building interactive web apps you have to create both logged out and logged in experiences, and sometimes you'll even have to build and test with different types of user. Instead of logging in and out while working, you can now run multiple sessions of your site in Polypane, so you can show a logged in and logged out version of your site at the same time, or show pages for many different types of users.`), mdx(\"p\", null, `You can quickly change the session for all panes in a tab so you can test responsive designs for different types of users, or change the session for a specific pane inside your tab to test with different users side by side.`), mdx(\"p\", null, `The new \"user\" icon in the address bar lets you created and manage sessions. When you have selected a session for your tab you can see the session name in the address bar, and the tab will have a blue bar at the top to indicate it using a non-default session.`), mdx(\"img\", {\n    src: tabsession,\n    alt: \"The address bar showing the session\",\n    className: \"imgshadow\"\n  }), mdx(\"p\", null, `When a single pane has a session it shows a \"user\" icon next to the pane title. To set the session for a single pane, use the \"session\" tab in the media and emulation settings, which now have a new custom icon.`), mdx(\"img\", {\n    src: tabpane,\n    alt: \"The pane header showing the session icon\",\n    className: \"imgshadow\"\n  }), mdx(\"p\", null, `Panes automatically inherit the session from the tab, but you can override this by setting a session for a pane. By clicking \"inherit from tab\" again this will be reverted to the tab session.`), mdx(\"p\", null, `Polypane automatically syncs input between panes which won't always work when you have multiple users (They won't have the same options available) so to make custom sessions easier to work with, you can now quickly disable all syncing by right-clicking the sync button in the header. Along with turning off the navigation sync this provides a rich environment for testing across different pages and with multiple users.`), mdx(\"h3\", {\n    \"id\": \"inspecting-storage\"\n  }, `Inspecting Storage`), mdx(\"p\", null, `With different sessions, each session has its own cookies, localstorage and sessionstorage. The Storage panel now lets you pick a session so you an inspect and edit it separately from the default session.`), mdx(\"h2\", {\n    \"id\": \"ui-refresh\"\n  }, `UI Refresh`), mdx(\"p\", null, `For this release we took a good look at the UI. While not a redesign (you won't have to re-learn where everything is), we've made a lot of small changes to make the UI more consistent, more responsive and easier to use.`), mdx(\"img\", {\n    src: newui,\n    alt: \"The new Polypane ui\",\n    className: \"imgshadow\"\n  }), mdx(\"p\", null, `In terms of design, we've increased the font weight of all fonts so they have more contrast and are easier to read. The tab bar and address bar have been changed to floating tabs with increased contrast, and the icons in the address bar and above the panes have been increased in size and have improved contrast. We've also improved the UI consistency across the app.`), mdx(\"h3\", {\n    \"id\": \"horizontal-scrolling\"\n  }, `Horizontal scrolling`), mdx(\"p\", null, `A big feature of Polypane has always been the default horizontally scrolling layout. While there are `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/layouts/#horizontal-scrolling\"\n  }), `many different ways to scroll`), ` this view (shift + scroll, space + drag, pageup/pagedown, dragging the scrollbar), knowing how to scroll horizontally isn't as widely known as we'd like.`), mdx(\"p\", null, `Starting in Polypane 14, scrolling your mousewheel in the horizontal layout will now automatically scroll it horizontally. We hope this makes it easier for people not used to regular horizontal scrolling.`), mdx(\"h3\", {\n    \"id\": \"performance\"\n  }, `Performance`), mdx(\"p\", null, `While rewriting the UI we've also made a lot of performance improvements. The UI now responds faster to clicks and drags, and the UI is more responsive when you have a lot of panes open.`), mdx(\"p\", null, `Resizing panes and the side panel are both more fluid, as is creating new panes and new tabs. We've also improved the baseline CPU usage of the app, preventing code from continuously running when it's not needed. The result should be a more fluid experience.`), mdx(\"h2\", {\n    \"id\": \"elements-debug-panel\"\n  }, `Elements Debug Panel`), mdx(\"p\", null, `The Elements panel lets you inspect and edit elements across all panes at once. It's a great way to quickly change styling and debug issues across them. To make this even easier, we've added a new debug tab, alongside the existing style, computed styles, attribute and accessibility tabs.`), mdx(\"p\", null, `The Debug panel has a convenient overview of specific CSS properties and element properties that often cause issues, so that you don't have to hunt through the style or computed tab to find, for example, if your element has a `, mdx(\"code\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"language-text\"\n  }), `position`), `.`), mdx(\"p\", null, `The Debug panel also shows if the element creates a new stacking context and what the offset parent (from which your element will be offset when using top/left/bottom/right) and the stacking context parent (from which your element will be offset when using z-index) are.`), mdx(\"img\", {\n    src: debugpanel,\n    alt: \"The debug tab in the Elements panel\",\n    className: \"imgshadow\"\n  }), mdx(\"p\", null, `This panel will quickly help you debug issues with your layout and positioning, like \"Why is this element not where I expect it to be\", \"Why isn't this element Sticking?\" and \"Why is this element behind this other element?\". We hope you like it!`), mdx(\"h2\", {\n    \"id\": \"bulk-screenshot-options\"\n  }, `Bulk screenshot options`), mdx(\"p\", null, `Instead of creating a single image with an overview of all panes, we now also support bulk screenshot options when you right-click the screenshot button in the address bar. You can choose to take screenshots of all viewports, or of all full pages. Screenshots will be stored in the folder you select. This is a great way to quickly create screenshots of all your panes.`), mdx(\"h2\", {\n    \"id\": \"media-query-ranges-and-breakpoint-edges\"\n  }, `Media query ranges and breakpoint edges`), mdx(\"p\", null, `The `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/blog/the-complete-guide-to-css-media-queries/#range-replacing-min--and-max-\"\n  }), `range syntax for media queries`), ` has been supported in Firefox for a long time, but it only recently came to Chromium and Safari. We've now added support for it in our breakpoint detection as well, so when you use the new range media queries we can automatically create panes for them.`), mdx(\"p\", null, `Along with this we've created a new option that we call \"Breakpoint Edges\". It creates additional panes that are just outside your specified breakpoints so you can check that things don't break there. For example, if you have a min-width of 768px, It'll also create a pane at 767px wide. Thanks Eric for suggesting this excellent idea!`), mdx(\"h2\", {\n    \"id\": \"show-response-of-fetchxhr-requests-in-the-console\"\n  }, `Show Response of Fetch/XHR requests in the console`), mdx(\"p\", null, `In Polypane 13.1 we added Fetch and XHR requests to the console so you can see what requests are made by your site and what headers get sent back. In Polypane 14 we've added the response of those requests to the console as well, if they're JSON or short text. This way you can see what the response was without having to log it out yourself every time.`), mdx(\"img\", {\n    src: consoleresponse,\n    alt: \"The console showing the JSON for the Polypane Changelog\",\n    className: \"imgshadow\"\n  }), mdx(\"h2\", {\n    \"id\": \"bluesky-social-media-preview\"\n  }, `Bluesky social media preview`), mdx(\"p\", null, `Bluesky is a new social network that uses an open protocol for it's messages. It's still in development and invite-only, but we've created a social media preview so you can check how your links look when shared on Bluesky.`), mdx(\"img\", {\n    src: bsky,\n    alt: \"Polypane with the Meta panel opened. Inside the metapanel a social media preview of the Bluesky embed card is visible\",\n    className: \"imgshadow\"\n  }), mdx(\"p\", null, `If you have a Bluesky account, give us a follow: `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://staging.bsky.app/profile/polypane.app\"\n  }), `Polypane on Bluesky`), `.`), mdx(\"h2\", {\n    \"id\": \"cmv-retinitis-simulator\"\n  }, `CMV Retinitis simulator`), mdx(\"p\", null, `CMV Retinitis is a condition that causes specks in your vision and is caused by the cytomegalovirus in immunocompromised people. While you're not expected to change anything to your site as a result of testing with this simulator, simulations like these help create empathy and understanding for all the different people using your site.`), mdx(\"img\", {\n    src: cmvretinitis,\n    alt: \"Three panes in Polypane showing a website, all are covered in light specks.\",\n    className: \"imgshadow\"\n  }), mdx(\"h2\", {\n    \"id\": \"text-styling-in-screenshot-editor\"\n  }, `Text styling in Screenshot editor`), mdx(\"p\", null, `You can now use `, mdx(\"strong\", {\n    parentName: \"p\"\n  }, `bold`), `, `, mdx(\"em\", {\n    parentName: \"p\"\n  }, `italic`), ` and underlined text styling in the screenshot editor.`), mdx(\"img\", {\n    src: fontstyling,\n    alt: \"the text 'font styling!' in a text box. Above the text box are buttons for bold, italic, underline and strikethrough. 'Font' is bold, 'styling' is italic and '!' is underlined.\",\n    className: \"imgshadow\"\n  }), mdx(\"h2\", {\n    \"id\": \"allow-cors-option\"\n  }, `Allow CORS option`), mdx(\"p\", null, `Along with the ability to disable web security and disable content-security-policy headers you can now also quickly allow CORS from the Edit menu.`), mdx(\"p\", null, `Disabling CORS is useful when you need to work with APIs that don't have CORS enabled, or don't have the right settings to allow you to use it on localhost. This option allows you to use those APIs without disabling all web security, so it's a safer option. Thanks Ben for requesting this!`), mdx(\"h2\", {\n    \"id\": \"outline-panel-updates\"\n  }, `Outline panel updates`), mdx(\"p\", null, `The outline panel has received a few updates:`), mdx(\"h3\", {\n    \"id\": \"warn-for-long-headings\"\n  }, `Warn for long headings`), mdx(\"p\", null, `When your heading elements now have an excessive amount of text in them, the outline panel will warn you about it. People with assistive technologies use the heading structure to quickly go through your page, so if your headings are too long, it takes a long time to listen to them and it will be hard for them to navigate your page.`), mdx(\"p\", null, `We warn you about headings that are longer than 170 characters.`), mdx(\"h3\", {\n    \"id\": \"scroll-delay-on-hover\"\n  }, `Scroll delay on hover`), mdx(\"p\", null, `In the outline panel (and other panels like the accessibility panel) you can hover over elements to highlight them. In previous versions of Polypane, this would instantly scroll the panes to the element you hovered over even if you just moved your mouse across them. The outline panel now waits for a bit before scrolling, so you can move your mouse across the panes without them jumping around while still responding quickly enough when you hover with intent.`), mdx(\"h3\", {\n    \"id\": \"highlight-broken-links-in-overlay\"\n  }, `Highlight broken links in overlay`), mdx(\"p\", null, `When you activate the link overlay, broken URLs are now highlighted in the page as well. Perfect if you want to make a quick screenshot to share to visually show which links are broken.`), mdx(\"h2\", {\n    \"id\": \"chromium-114\"\n  }, `Chromium 114`), mdx(\"p\", null, `We're now running on Chromium 114, which brings a lot of new features and improvements like CSS Nesting, the Popover API, the linear easing function, new color functions, text-wrap: balance and more, which are all available in Polypane.`), mdx(\"h2\", {\n    \"id\": \"other-updates\"\n  }, `Other updates`), mdx(\"p\", null, `Some smaller updates worth mentioning:`), mdx(\"h3\", {\n    \"id\": \"robotstxt-and-friends-are-now-only-requested-when-the-meta-panel-is-open\"\n  }, `Robots.txt and friends are now only requested when the meta panel is open`), mdx(\"p\", null, `The Meta panel gives you insight into the meta tags on your page, such as the title, description, open graph tags and more. It also shows you the robots.txt, webfinger and other files that are requested by the browser.`), mdx(\"p\", null, `These requests are now only made when the meta panel is open, to prevent requests from clogging up your devserver logs.`), mdx(\"h3\", {\n    \"id\": \"browsersync-handling\"\n  }, `Browsersync handling`), mdx(\"p\", null, `Previous versions of Polypane disabled scroll syncing when detecting Browsersync. Polypane 14 also disables click and input syncing when those are active in Browsersync's ghostMode settings. You can now keep using Browsersync without additional configuration needed.`), mdx(\"p\", null, `Polypane and Browsersync both sync certain events, such as scroll and click events. Polypane's syncing is more performant so events synced by Polypane are overwritten or doubled a few ms later by Browsersync, which causes all sorts of issues around performance and event ghosting. We advice everyone to `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/browsersync-and-polypane/\"\n  }), `switch over to Polypane`), `.`), mdx(\"h3\", {\n    \"id\": \"close-all-other-tabs-context-menu-options\"\n  }, `Close all other tabs context menu options`), mdx(\"p\", null, `When right-clicking a tab you can now close all other tabs or close all tabs to the left or right of the current tab but selecting the \"close multiple tabs\" option in the context menu.`), mdx(\"h3\", {\n    \"id\": \"work-around-registry-limitations-on-corporate-windows-environments\"\n  }, `Work around registry limitations on corporate Windows environments`), mdx(\"p\", null, `To generate a unique but anonymous device ID, on Windows Polypane reads some information from the registry. Unfortunately in some corporate environments, editing the registry is disabled and unfortunately, merely accessing the registry also counts as editing and is also disabled. This means that Polypane would not start in these environments. We've now updated the method we use to access the registry to prevent this issue.`), mdx(\"h3\", {\n    \"id\": \"new-devtools-extensions-clockwork-and-gimli-tailwind\"\n  }, `New devtools extensions: Clockwork and Gimli Tailwind`), mdx(\"p\", null, `We added built-in support for two new devtools extensions: Clockwork are devtools for Laravel and Gimli Tailwind are devtools for Tailwind CSS.`), mdx(\"p\", null, `Keep in mind our support for regular extension is still in beta, so if you run into any issues, please let us know!`), mdx(\"h2\", {\n    \"id\": \"deprecations\"\n  }, `Deprecations`), mdx(\"p\", null, `As announced in 13.1, we've removed Tota11y from our debug tools. It's a great tool, but it hasn't been maintained for quite a while and its functionality can be found in other tools, such as the `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/outline-panel/\"\n  }), `outline panel`), ` and the other `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/debug-tools/\"\n  }), `Debug tools`), `, which have a much more thorough and up-to-date set of tests.`), mdx(\"h2\", {\n    \"id\": \"what-can-we-do-for-you\"\n  }, `What can we do for you?`), mdx(\"p\", null, `As you've seen in the changelogs for this release and the past few releases, many features have come from Polypane's users. We love getting feedback and one of the best things about having devs as users is that they are `, mdx(\"em\", {\n    parentName: \"p\"\n  }, `very good at feature requests`), `.`), mdx(\"p\", null, `So consider this an open invitation: What is missing from Polypane? What's the one thing we should do that makes Polypane amazing for you? What nit would you just love we fix? `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/support/\"\n  }), `Let us know!`), ` 🙏`), mdx(\"h2\", {\n    \"id\": \"get-polypane-14\"\n  }, `Get Polypane 14`), mdx(\"p\", null, `Polypane is available for Windows, Mac and Linux (.deb or AppImage) in both 64 bit and ARM versions.`), mdx(\"p\", null, `Polypane automatically updates on Mac, Windows and on Linux when using the AppImage. Otherwise, go to\n`, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/download/\"\n  }), `the download page`), ` to download the latest version!`), mdx(\"p\", null, mdx(\"strong\", {\n    parentName: \"p\"\n  }, `Don't have Polypane yet? There is a 14 day trial available. `, mdx(\"a\", _extends({\n    parentName: \"strong\"\n  }, {\n    \"href\": \"https://dashboard.polypane.app/register\"\n  }), `Try it for free`), `.`), ` No credit card needed.`), mdx(\"h2\", {\n    \"id\": \"polypane-1401-changelog\"\n  }, `Polypane 14.0.1 Changelog`), mdx(\"p\", null, mdx(\"strong\", {\n    parentName: \"p\"\n  }, `Fixes`)), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Detached panel rendering as blank window`)), mdx(\"h2\", {\n    \"id\": \"polypane-14-changelog\"\n  }, `Polypane 14 Changelog`), mdx(\"p\", null, mdx(\"strong\", {\n    parentName: \"p\"\n  }, `New`)), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `New`), ` Custom Sessions`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `New`), ` Elements Debug panel`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `New`), ` UI refresh`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `New`), ` Bulk screenshot options`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `New`), ` Support for media query ranges`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `New`), ` Breakpoint Edges support (Thanks Eric!)`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `New`), ` Show Response of Fetch/XHR requests in the console`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `New`), ` Bluesky social media preview`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `New`), ` CMV Retinitis simulator`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `New`), ` Chromium 114`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `New`), ` Text styling in Screenshot editor`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `New`), ` Allow CORS option (Thanks Ben!)`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `New`), ` Close all other tabs context menu options`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `New`), ` New devtools extensions: Clockwork and Gimli tailwind`)), mdx(\"p\", null, mdx(\"strong\", {\n    parentName: \"p\"\n  }, `Improvements`)), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Scrolling in horizontal mode now scrolls horizontally by default`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Esc on console panel blurs input`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Browser-sync detection now disables all active sync options`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Outline panel: Warn for long headings`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Outline panel: Moving mouse over elements no longer instantly scrolls the panes`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Outline panel: No longer give an error for aside elements in main elements (Thanks Eric!)`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Outline panel: Overlay highlights broken links`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Horizontal overflow detection for mobile rendering now more accurate`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Meta panel: Only request robots.txt, webfinger etc when the meta panel is open to prevent 404s`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Meta Panel: Google preview is moved up`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Pane resizing has better performance`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Elements panel: Now supports color and trig CSS functions and new CSS properties`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Elements panel: Tree view scrolls selected element into view`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Elements that are focusable without an accessible name get a warning across the app`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Debug tools: Target size 24x24 is now a circle (per latest WCAG updates)`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Debug tools: more life-like macular degeneration simulator`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Layouts, screenshots and command bar are now part of the getting started tutorial`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Performance across the app`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Global zoom now works more predictably across layouts`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Loading state for pages now resolves better for SPAs (Thanks Joseph!)`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Context menu for workspace now has more options`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Better URL handling to prevent full mode from going back in history (Thanks Eric!)`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Creating full screenshots is now faster`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Console panel: better object styling`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Console panel: now only combines messages between user inputs`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Reload button is no longer wobbly`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Hard reload now also flushes internal chromium session cache`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Panes refresh their instance when web security settings change (Thanks Ben!)`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Better trial end message in app`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Support Google accounts logins on sites (Thanks Pascal!)`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Accessibility panel: Now shows a \"best practise\" label for items that aren't WCAG issues`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Accessibility panel: updated ruleset`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Option to turn off overlay scrollbars (Thanks Nic!)`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` 'Close all panes' is now renamed to 'remove all panes'`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` 'Disable all' option for synced interactions`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Tabs now fall back to a default favicon`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Updated Google Fonts list`)), mdx(\"p\", null, mdx(\"strong\", {\n    parentName: \"p\"\n  }, `Deprecations`)), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Deprecated`), ` Tota11y debug tool is now removed`)), mdx(\"p\", null, mdx(\"strong\", {\n    parentName: \"p\"\n  }, `Fixes`)), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Activating tap target from meta panel works again`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Pane zoom allowed negative values`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Set correct background for forced colors in dark mode when page doesn't provide its own background`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Clicking active inspect button disables it again (Thanks Galen!)`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Outline panel: No longer shows non-landmarks in overlay when show issues is off`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Outline panel: Switching to links overview now always triggers a test of all URLs`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Prevent permission request popup from forwarding to empty URL`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Clicking links in getting started in Full mode was broken (Thanks Gabriel!)`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Reference image options toggled images on other pane (Thanks Alex!)`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Reference image: Support images with # in their file name`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Elements panel: ::before/::after on html element are now supported`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Elements panel: Prevent spellchecking in Elements panel data tab`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Issue with the app not launching on windows for active tabs with HTTP Basic Auth (Thanks Meikel!)`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Issue with stored basic auth credentials not being used on launch (Thanks Sandro!)`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Console now can consolidate HTML elements across panes again`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Prevent getting started page from showing console errors`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Correctly rewrite font URLs in more cases (Thanks Jackson!)`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Prevent error for documents with empty body elements`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Crash when accessing registry on Windows is disabled (Thanks Mandip!)`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Opening undocked devtools`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Correctly update devtools location when moving sidebar`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Issue with Polypane Peek not showing for specific elements`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Live reload no longer ignores \"templates\" folders (Thanks Tom!)`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Incorrect label for forward button (Thanks Steph!)`)));\n}\n;\nMDXContent.isMDXComponent = true;","timeToRead":11,"tableOfContents":{"items":[{"url":"#session-management","title":"Session management","items":[{"url":"#inspecting-storage","title":"Inspecting Storage"}]},{"url":"#ui-refresh","title":"UI Refresh","items":[{"url":"#horizontal-scrolling","title":"Horizontal scrolling"},{"url":"#performance","title":"Performance"}]},{"url":"#elements-debug-panel","title":"Elements Debug Panel"},{"url":"#bulk-screenshot-options","title":"Bulk screenshot options"},{"url":"#media-query-ranges-and-breakpoint-edges","title":"Media query ranges and breakpoint edges"},{"url":"#show-response-of-fetchxhr-requests-in-the-console","title":"Show Response of Fetch/XHR requests in the console"},{"url":"#bluesky-social-media-preview","title":"Bluesky social media preview"},{"url":"#cmv-retinitis-simulator","title":"CMV Retinitis simulator"},{"url":"#text-styling-in-screenshot-editor","title":"Text styling in Screenshot editor"},{"url":"#allow-cors-option","title":"Allow CORS option"},{"url":"#outline-panel-updates","title":"Outline panel updates","items":[{"url":"#warn-for-long-headings","title":"Warn for long headings"},{"url":"#scroll-delay-on-hover","title":"Scroll delay on hover"},{"url":"#highlight-broken-links-in-overlay","title":"Highlight broken links in overlay"}]},{"url":"#chromium-114","title":"Chromium 114"},{"url":"#other-updates","title":"Other updates","items":[{"url":"#robotstxt-and-friends-are-now-only-requested-when-the-meta-panel-is-open","title":"Robots.txt and friends are now only requested when the meta panel is open"},{"url":"#browsersync-handling","title":"Browsersync handling"},{"url":"#close-all-other-tabs-context-menu-options","title":"Close all other tabs context menu options"},{"url":"#work-around-registry-limitations-on-corporate-windows-environments","title":"Work around registry limitations on corporate Windows environments"},{"url":"#new-devtools-extensions-clockwork-and-gimli-tailwind","title":"New devtools extensions: Clockwork and Gimli Tailwind"}]},{"url":"#deprecations","title":"Deprecations"},{"url":"#what-can-we-do-for-you","title":"What can we do for you?"},{"url":"#get-polypane-14","title":"Get Polypane 14"},{"url":"#polypane-1401-changelog","title":"Polypane 14.0.1 Changelog"},{"url":"#polypane-14-changelog","title":"Polypane 14 Changelog"}]},"excerpt":"Polypane 14 is here! In this release we added support for testing with multiple sessions, a new Elements Debug panel to quickly help you debug issues, an…","frontmatter":{"title":"Polypane 14","cover":"/img/mail/icon.svg","date":"2023-06-07","updated":null},"fields":{"slug":"/blog/polypane-14/","date":"2023-06-06T22:00:00.000Z","ogFileName":"polypane-14"}}},"pageContext":{"slug":"/blog/polypane-14/"}},"staticQueryHashes":["4164364741","425175329"]}