{"componentChunkName":"component---src-templates-post-jsx","path":"/blog/polypane-17-meta-panel-updates-reference-image-split-slider-and-chromium-120/","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 17: Meta panel updates, Reference image split slider and Chromium 120\",\n  \"cover\": \"/img/mail/icon.svg\",\n  \"date\": \"2023-12-15\",\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 17 ships with new features in the meta panel, a new split slider feature in the reference image tool, an updated console.table, native window controls on Windows and it runs on Chromium 120.`), mdx(PolypaneIntro, {\n    mdxType: \"PolypaneIntro\"\n  }), mdx(\"h2\", {\n    \"id\": \"meta-panel-updates\"\n  }, `Meta panel updates`), mdx(\"p\", null, `A large part of what makes the meta panel so useful is that it shows you what's missing from your site. This update adds a new overview of missing tags, warnings for viewport and canonical and a bunch of other improvements.`), mdx(\"h3\", {\n    \"id\": \"overview-of-missing-tags\"\n  }, `Overview of missing tags`), mdx(\"p\", null, `When you open up your OG, Twitter or general meta tags, we now show an overview of the tags missing on your page. Some of these are required to make sure you get the best possible experience on social media, others are optional but recommended, or only applicable in certain situations. We explain what the tags do and if they have specific fallback tags. You can quickly copy them from the meta panel to your code.`), mdx(\"img\", {\n    src: metasuggestions,\n    alt: \"An overview of missing meta tags showing viewport under a required heading\",\n    className: \"imgshadow\"\n  }), mdx(\"p\", null, `When Polypane can, it even adds in the correct value for you. If not it copies along the description so you don't have to switch back and forth between Polypane and your code editor.`), mdx(\"h3\", {\n    \"id\": \"warnings-for-viewport-and-canonical\"\n  }, `Warnings for viewport and canonical`), mdx(\"p\", null, `The warnings we show for viewports now come with a copy button to quickly copy the correct viewport values. That warnings showed what you needed to change, but now we just give you the correct values as well.`), mdx(\"img\", {\n    src: canonical,\n    alt: \"A warning message that the current URL and canonical URL differ.\",\n    className: \"imgshadow\"\n  }), mdx(\"p\", null, `We also added a warning when the current URL and the canonical URL are different. It's not always an issue and can be intentional, but it's good to know when it happens because you might be accidentally sending Google and other crawlers to the wrong page and wondering why things aren't being picked up correctly.`), mdx(\"h3\", {\n    \"id\": \"other-improvements\"\n  }, `Other improvements`), mdx(\"p\", null, `We also improved the performance of getting data both on the initial load and when re-fetching data later. The maximum suggested length for titles is now 60 characters instead of 70 to be more in line with updated SEO guidelines.`), mdx(\"p\", null, `We've also disabled the 𝕏/Twitter preview when your `, mdx(\"code\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"language-text\"\n  }), `twitter:title`), ` attribute is missing, since they will not show a preview if that's missing even if you do have an image and an `, mdx(\"code\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"language-text\"\n  }), `og:title`), `.`), mdx(\"img\", {\n    src: twittertitle,\n    alt: \"A warning message instead of the twitter preview.\",\n    className: \"imgshadow\"\n  }), mdx(\"h2\", {\n    \"id\": \"reference-image-split-slider\"\n  }, `Reference image split slider`), mdx(\"p\", null, `The reference image tool now has a split slider that lets you quickly compare your site to the reference image. You can drag the slider to compare the image with your site.`), mdx(\"video\", {\n    src: imageslider,\n    muted: true,\n    controls: true,\n    preload: \"auto\",\n    loading: \"lazy\",\n    playsInline: true\n  }), mdx(\"p\", null, `This is in addition to the existing transparency based reference image overlay, and will make it easier to find subtle differences.`), mdx(\"h2\", {\n    \"id\": \"show-page-title-and-favicon-in-history-and-suggestions\"\n  }, `Show page title and favicon in history and suggestions`), mdx(\"p\", null, `The address bar and navigation buttons (back and forward) will now show the page title and favicon in addition to the URL. When searching for URLs in the address bar, it will now also match your page titles so finding pages is much easier.`), mdx(\"img\", {\n    src: addressbar,\n    alt: \"address bar showing the favicon and titles.\",\n    className: \"imgshadow\"\n  }), mdx(\"p\", null, `In the Polypane address bar you can type multiple words to search for a URL. For example, if you want to go to the Polypane blog, you can type \"poly blog\" and it will show you `, mdx(\"code\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"language-text\"\n  }), `Blog | Polypane - https://polypane.app/blog`), ` even though the string \"poly blog\" doesn't appear in either the title or the URL, but each individual word does.`), mdx(\"p\", null, `We use this all the time because it's much faster to find specific pages in your history without typing everything out, but it also helps you find pages where you don't quite remember the full URL or title.`), mdx(\"h2\", {\n    \"id\": \"context-menu-options-on-images\"\n  }, `Context menu options on images`), mdx(\"p\", null, `We've increased the number of options available when you right-click on images anywhere in Polypane. While previously we let you copy the image location, or save the image, we've now expanded that a lot:`), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Copy image`), ` copies the image itself to your clipboard`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Copy alt text`), ` copies the alt text to your clipboard (We only show this if there is an alt text)`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Copy as IMG tag`), ` copies the image as an IMG tag (wih alt text) to your clipboard`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Copy as background-image`), ` copies the image as a CSS background-image to your clipboard`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Copy as Markdown`), ` copies the image as a Markdown image (with alt text) to your clipboard`)), mdx(\"p\", null, `Wherever you want to use an image, Polypane can easily create the code for you. If there's a specific format you'd like to see added, let us know!`), mdx(\"h2\", {\n    \"id\": \"accessible-role-and-name-in-track-focus-debug-tool\"\n  }, `Accessible role and name in Track Focus Debug tool`), mdx(\"p\", null, `A recurring question we get is for Polypane to include a screen reader emulator. We've always been hesitant to do this because while we can emulate `, mdx(\"em\", {\n    parentName: \"p\"\n  }, `a`), ` screen reader, they usually are very customized to the needs of that particular user in terms of what they announce and how verbose they are about it.`), mdx(\"p\", null, `The risk is that people tweak their site to optimize for our \"screen reader\", potentially making it worse for actual screen readers. Instead, Polypane shows the accessible name and role in many different places, as that's the information that gets sent to screen readers. If you get those right, then a screen reader will use that to announce them at the users preferred verbosity.`), mdx(\"p\", null, `So while it's not a screen reader emulator, we now show the accessible name and role in our Track Focus Debug tool. This way you can see the info a screen reader uses while you tab through your page.`), mdx(\"video\", {\n    src: trackfocus,\n    muted: true,\n    controls: true,\n    preload: \"auto\",\n    loading: \"lazy\",\n    playsInline: true\n  }), mdx(\"p\", null, `We think this is the right compromise between the wish for a screen reader emulator and not doing unintentional harm, and want to thank René for the suggestion!`), mdx(\"h2\", {\n    \"id\": \"elements-panel-updates\"\n  }, `Elements panel updates`), mdx(\"p\", null, `We updated the elements panel with a bunch of new features and improvements.`), mdx(\"h3\", {\n    \"id\": \"scoping-root-and-limit-badges\"\n  }, `Scoping root and limit badges`), mdx(\"p\", null, `We extended our support for `, mdx(\"code\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"language-text\"\n  }), `@scope`), ` by now showing badges for both the scoping root (the starting element) and the scoping limit (the ending element) in the tree.`), mdx(\"img\", {\n    src: scoping,\n    alt: \"the elements panel showing a scoping root and limit badge.\",\n    className: \"imgshadow\"\n  }), mdx(\"h3\", {\n    \"id\": \"updated-class-editor\"\n  }, `Updated class editor`), mdx(\"p\", null, `The Elements panel now remembers whether you prefer the input or the list editor for classes (which lets you toggle individual classes). We also added an input to add classes to the list editor so you don't have to switch back.`), mdx(\"img\", {\n    src: classeditor,\n    alt: \"the class editor in the elements panel.\",\n    className: \"imgshadow\"\n  }), mdx(\"p\", null, `Like the regular freeform input, the input in the class list editor also suggest matching classes from your HTML and CSS as you type.`), mdx(\"img\", {\n    src: classeditorSuggestions,\n    alt: \"the class editor with suggestions in the input.\",\n    className: \"imgshadow\"\n  }), mdx(\"h3\", {\n    \"id\": \"new-icon-for-forced-element-states\"\n  }, `New icon for forced element states`), mdx(\"p\", null, `To bring Polypane more in line we switched out the \"state\" icon (a rhombus) for the \":hov\" icon. This is what Chrome and Firefox also use, so it's more consistent across browsers.`), mdx(\"img\", {\n    src: navigator,\n    alt: \"the navigator area in the elements panel with the new :hov icon.\",\n    className: \"imgshadow\"\n  }), mdx(\"h3\", {\n    \"id\": \"bug-fixes\"\n  }, `Bug fixes`), mdx(\"p\", null, `We fixed a couple of bugs in the elements panel. When copying nested CSS, the copied CSS had an incorrect nesting order.`), mdx(\"p\", null, `We also fixed an issue where the specificity for nested elements without a nesting selector (the `, mdx(\"code\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"language-text\"\n  }), `&`), `) was incorrect.`), mdx(\"p\", null, `Lastly, the container query tooltips (on the badge and on the `, mdx(\"code\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"language-text\"\n  }), `@container`), ` rule) showed the incorrect values for the cqi and cqb.`), mdx(\"h2\", {\n    \"id\": \"narrow-minimum-width\"\n  }, `Narrow minimum width`), mdx(\"p\", null, `As the number of features grew in Polypane, so did we have to update the minimum width of the main window to make sure everything still fit. That's not a very responsive thing to do, and Charlie rightfully complained as the browser no longer fit comfortably on a laptop screen alongside a code editor.`), mdx(\"p\", null, `We've now added a new minimum width design that lets you toggle between the navigation and the feature buttons, meaning the browser can now be as narrow as 500px.`), mdx(\"img\", {\n    src: narrow,\n    alt: \"Polypane at 500px wide with a nice beach background\",\n    className: \"imgshadow\"\n  }), mdx(\"h2\", {\n    \"id\": \"consoletable\"\n  }, `Console.table`), mdx(\"p\", null, `The console.table implementation in Polypane has now been expanded to support more complex objects and arrays, and you can now sort the table by clicking on the column headers.`), mdx(\"video\", {\n    src: consoleTable,\n    muted: true,\n    controls: true,\n    preload: \"auto\",\n    loading: \"lazy\",\n    playsInline: true\n  }), mdx(\"h2\", {\n    \"id\": \"native-window-controls-on-windows\"\n  }, `Native window controls on Windows`), mdx(\"p\", null, `The minimize, maximize and close buttons are no longer rendered by Polypane, but use native window controls instead. The native window controls in Windows 11 also have a bunch of cool placement features, and you can now use them in Polypane.`), mdx(\"h2\", {\n    \"id\": \"updated-pixel-device-presets\"\n  }, `Updated Pixel device presets`), mdx(\"p\", null, `We removed the Pixel 2 and Pixel 3 device presets and replaced them with the recently released Pixel 7.`), mdx(\"h2\", {\n    \"id\": \"chromium-120\"\n  }, `Chromium 120`), mdx(\"p\", null, `Polypane now runs on Chromium 120.0.6099.56, bringing relative color syntax, horizontal rules inside `, mdx(\"code\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"language-text\"\n  }), `select`), `, `, mdx(\"code\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"language-text\"\n  }), `:user-valid`), ` and `, mdx(\"code\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"language-text\"\n  }), `:user-invalid`), ` pseudo selectors, the `, mdx(\"code\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"language-text\"\n  }), `:dir()`), ` pseudo-class selector and a bunch more.`), mdx(\"p\", null, `Polypane ships with some experimental features turned on. We mention the highlights in our docs here: `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/docs/experimental-chromium-features/\"\n  }), `Experimental Chromium features`)), mdx(\"h2\", {\n    \"id\": \"experimental-web-platform-features\"\n  }, `Experimental Web Platform features`), mdx(\"p\", null, `Polypane has the experimental web platform features flag turned on. This enables a bunch of cool features that are still in development but ready for experimentation by web devs.`), mdx(\"p\", null, `Unfortunately there is no public place where you can find a full list of all the features that fall under \"experimental web platform features\".`), mdx(\"p\", null, `So we built one!`), mdx(\"p\", null, `Check out `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/experimental-web-platform-features/\"\n  }), `Experimental Chromium Web Platform features`), ` for a full list of features split out by Chromium version. There you can find the feature name and summary, as well as a link to the Chrome Status page where you can find more details.`), mdx(\"p\", null, `Not all experimental features are documented, we hope that will improve in the future now that we've made it more visible.`), mdx(\"h2\", {\n    \"id\": \"get-polypane-17\"\n  }, `Get Polypane 17`), 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-17-changelog\"\n  }, `Polypane 17 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`), ` Meta panel: New overview of missing tags`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `New`), ` Reference image split slider`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `New`), ` Show page title and favicon in history and suggestions`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `New`), ` Accessible role and name in Track Focus Debug tool (Thanks René!)`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `New`), ` Elements panel: show a badge for scoping roots and limits`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `New`), ` Context menu options on images`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `New`), ` Pixel 7 device`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `New`), ` Chromium 120`)), mdx(\"p\", null, mdx(\"strong\", {\n    parentName: \"p\"\n  }, `Improved`)), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Meta panel: Viewport warnings now suggest the correct viewport values`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Meta panel: Show a warning when the current URL and the canonical URL are different (Thanks Wes!)`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Meta panel: better initial loading of data`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Meta panel: Update suggested max length of title from 70 to 60 characters`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Meta panel: Hide X card when twitter:title is missing (Thanks Pankaj!)`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Meta panel: improve performance of getting data`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Meta panel/Outline panel: Spin reload button to indicate activity (Thanks Jimmy!)`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Console panel: Console.table can now be sorted`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Console pane: Set the default levels for new tabs`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Elements panel: List of classes now also has an input to add classes`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Elements panel: preference for class list editor or input editor is now remembered`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Elements panel: Icon for forced states is now \":hov\" for cross-browser consistency`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Main window can now get much smaller (Thanks Charlie!)`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Form Autofill: when there is a given-name autocomplete hint, use username (Thanks Eric!)`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Color Picker: updated design and cursors`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Color Picker: better clamping of RGB colors`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Fix missing top left icon on Windows`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Use native window controls on Windows`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Better resize performance for pane size and element attribute inputs`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Pressing Escape on pane size and scale resets the value`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Performance: better performance when scrolling in multiple panes`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Browse panel: Set the right context menu items depending on the URL`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Source panel: improve performance of getting data`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Outline panel: improve performance of getting data`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Better handling of NuxtLinks multiple navigation events (Thanks Flemming!)`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Ignore cert errors from the main window/support chat (Thanks Bram!)`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Update Inter to 4.0`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Accessibility Panel: updated rulesets`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Improved`), ` Updated Google Fonts`)), mdx(\"p\", null, mdx(\"strong\", {\n    parentName: \"p\"\n  }, `Removals`)), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Removed`), ` Pixel 2 and 3 devices`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Removed`), ` Toybox Systems integration`)), 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`), ` Hide initial display of pane buttons on loading focus mode`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Prevent flash of incorrect font on load`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Searching for multiple words works again`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Console panel: Support for console.table for nested arrays and objects`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Zoom out focus mode pane on launch when needed`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Elements panel: Incorrect value for cqi and cqb in container badge tooltips`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Elements panel: correctly calculate specificity for nested elements without nesting selector`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Elements panel: Copying nested CSS had the parent nesting in the incorrect order`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` JSON viewer being prevented by Chromium`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Meta panel: prevent resetting dark/light preference on navigation`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Browse panel: right-clicking tab no longer activates it`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Issue where the internal size of a pane wasn't updated as a result of the side panel toggling.`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Issue where full and focus layout would incorrectly show prefers-reduced-transparency as active`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Tooltips for navigation buttons no longer sits behind traffic lights on mac (Thanks Sascha!)`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, `Fix`), ` Update color scheme for pages with `, mdx(\"code\", _extends({\n    parentName: \"li\"\n  }, {\n    \"className\": \"language-text\"\n  }), `color-scheme`), ` meta after changing app color scheme.`)));\n}\n;\nMDXContent.isMDXComponent = true;","timeToRead":8,"tableOfContents":{"items":[{"url":"#meta-panel-updates","title":"Meta panel updates","items":[{"url":"#overview-of-missing-tags","title":"Overview of missing tags"},{"url":"#warnings-for-viewport-and-canonical","title":"Warnings for viewport and canonical"},{"url":"#other-improvements","title":"Other improvements"}]},{"url":"#reference-image-split-slider","title":"Reference image split slider"},{"url":"#show-page-title-and-favicon-in-history-and-suggestions","title":"Show page title and favicon in history and suggestions"},{"url":"#context-menu-options-on-images","title":"Context menu options on images"},{"url":"#accessible-role-and-name-in-track-focus-debug-tool","title":"Accessible role and name in Track Focus Debug tool"},{"url":"#elements-panel-updates","title":"Elements panel updates","items":[{"url":"#scoping-root-and-limit-badges","title":"Scoping root and limit badges"},{"url":"#updated-class-editor","title":"Updated class editor"},{"url":"#new-icon-for-forced-element-states","title":"New icon for forced element states"},{"url":"#bug-fixes","title":"Bug fixes"}]},{"url":"#narrow-minimum-width","title":"Narrow minimum width"},{"url":"#consoletable","title":"Console.table"},{"url":"#native-window-controls-on-windows","title":"Native window controls on Windows"},{"url":"#updated-pixel-device-presets","title":"Updated Pixel device presets"},{"url":"#chromium-120","title":"Chromium 120"},{"url":"#experimental-web-platform-features","title":"Experimental Web Platform features"},{"url":"#get-polypane-17","title":"Get Polypane 17"},{"url":"#polypane-17-changelog","title":"Polypane 17 Changelog"}]},"excerpt":"Polypane 17 ships with new features in the meta panel, a new split slider feature in the reference image tool, an updated console.table, native window controls…","frontmatter":{"title":"Polypane 17: Meta panel updates, Reference image split slider and Chromium 120","cover":"/img/mail/icon.svg","date":"2023-12-15","updated":null},"fields":{"slug":"/blog/polypane-17-meta-panel-updates-reference-image-split-slider-and-chromium-120/","date":"2023-12-14T23:00:00.000Z","ogFileName":"polypane-17-meta-panel-updates-reference-image-split-slider-and-chromium-120"}}},"pageContext":{"slug":"/blog/polypane-17-meta-panel-updates-reference-image-split-slider-and-chromium-120/"}},"staticQueryHashes":["4164364741","425175329"]}