@plone/volto 19.1.1 → 19.1.2

package/CHANGELOG.md

@@ -17,6 +17,15 @@ myst:
 
 <!-- towncrier release notes start -->
 
+## 19.1.2 (2026-06-08)
+
+### Bugfix
+
+- Increase home icon size to comply with WCAG 2.2 accessibility. @polyester [#8297](https://github.com/plone/volto/issues/8297)
+- Fix layout regression in `FormFieldWrapper` where the empty `aria-live` container was acting as an extra flex item, breaking widget layouts like `SizeWidget`. @Wagner3UB [#8319](https://github.com/plone/volto/issues/8319)
+- Fix "Cannot POST" error on login form if it was submitted before hydration
+  finished, by disabling the submit button until then. @davisagli 
+
 ## 19.1.1 (2026-05-28)
 
 ### Internal

package/package.json

@@ -9,7 +9,7 @@
     }
   ],
   "license": "MIT",
-  "version": "19.1.1",
+  "version": "19.1.2",
   "repository": {
     "type": "git",
     "url": "git@github.com:plone/volto.git"
@@ -177,8 +177,8 @@
     "url": "^0.11.3",
     "use-deep-compare-effect": "1.8.1",
     "uuid": "^14.0.0",
+    "@plone/components": "4.2.0",
     "@plone/registry": "3.0.1",
-    "@plone/components": "4.1.0",
     "@plone/scripts": "4.0.1",
     "@plone/volto-slate": "19.0.2"
   },
@@ -290,9 +290,9 @@
     "webpack-node-externals": "3.0.0",
     "@plone/babel-preset-razzle": "^1.0.1",
     "@plone/types": "2.0.0",
+    "@plone/razzle-dev-utils": "1.0.0",
     "@plone/volto-coresandbox": "1.0.0",
-    "@plone/razzle": "1.0.0",
-    "@plone/razzle-dev-utils": "1.0.0"
+    "@plone/razzle": "1.0.0"
   },
   "scripts": {
     "analyze": "BUNDLE_ANALYZE=true razzle build",

package/src/components/manage/Widgets/FormFieldWrapper.jsx

@@ -61,7 +61,11 @@ const FormFieldWrapper = ({
     <>
       {children}
 
-      <div aria-live="polite" aria-atomic="true">
+      <div
+        aria-live="polite"
+        aria-atomic="true"
+        className={cx({ 'visually-hidden': !error?.length })}
+      >
         {map(error, (message) => (
           <Label key={message} basic color="red" className="form-error-label">
             {message}

package/src/components/theme/Breadcrumbs/Breadcrumbs.jsx

@@ -67,7 +67,7 @@ const BreadcrumbsComponent = ({ pathname }) => {
             className="section"
             title={intl.formatMessage(messages.home)}
           >
-            <Icon name={homeSVG} size="18px" />
+            <Icon name={homeSVG} size="24px" />
           </Link>
           {items.map((item, index, items) => [
             <Breadcrumb.Divider key={`divider-${item.url}`} />,

package/src/components/theme/Login/Login.jsx

@@ -14,6 +14,7 @@ import qs from 'query-string';
 
 import Helmet from '@plone/volto/helpers/Helmet/Helmet';
 import { usePrevious } from '@plone/volto/helpers/Utils/usePrevious';
+import { useClient } from '@plone/volto/hooks/client/useClient';
 import config from '@plone/volto/registry';
 import Icon from '@plone/volto/components/theme/Icon/Icon';
 import {
@@ -84,6 +85,7 @@ const Login = (props) => {
     location.pathname.replace(/\/[^/]*\/?$/, '') ||
     '/';
   const previousToken = usePrevious(token);
+  const isClient = useClient();
 
   useEffect(() => {
     if (location?.state?.isLogout) {
@@ -252,6 +254,7 @@ const Login = (props) => {
                 aria-label={intl.formatMessage(messages.login)}
                 title={intl.formatMessage(messages.login)}
                 loading={loading}
+                disabled={!isClient}
               >
                 <Icon className="circled" name={aheadSVG} size="30px" />
               </Button>