@plone/volto 19.1.0 → 19.1.2

package/CHANGELOG.md

@@ -17,6 +17,21 @@ 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
+
+- Update devDependency: `@testing-library/react` 16.3.2. @wesleybl [#8294](https://github.com/plone/volto/issues/8294)
+
 ## 19.1.0 (2026-05-28)
 
 ### Feature

package/package.json

@@ -9,7 +9,7 @@
     }
   ],
   "license": "MIT",
-  "version": "19.1.0",
+  "version": "19.1.2",
   "repository": {
     "type": "git",
     "url": "git@github.com:plone/volto.git"
@@ -177,10 +177,10 @@
     "url": "^0.11.3",
     "use-deep-compare-effect": "1.8.1",
     "uuid": "^14.0.0",
-    "@plone/components": "4.1.0",
+    "@plone/components": "4.2.0",
     "@plone/registry": "3.0.1",
     "@plone/scripts": "4.0.1",
-    "@plone/volto-slate": "19.0.1"
+    "@plone/volto-slate": "19.0.2"
   },
   "devDependencies": {
     "@babel/core": "^7.28.5",
@@ -205,7 +205,7 @@
     "@storybook/theming": "^8.0.4",
     "@testing-library/cypress": "10.1.0",
     "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "14.3.1",
+    "@testing-library/react": "^16.3.2",
     "@testing-library/react-hooks": "8.0.1",
     "@types/history": "^4.7.11",
     "@types/loadable__component": "^5.13.10",
@@ -288,11 +288,11 @@
     "webpack-bundle-analyzer": "4.10.1",
     "webpack-dev-server": "^5.2.4",
     "webpack-node-externals": "3.0.0",
-    "@plone/razzle": "1.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/types": "2.0.0"
+    "@plone/razzle": "1.0.0"
   },
   "scripts": {
     "analyze": "BUNDLE_ANALYZE=true razzle build",

package/src/components/manage/Blocks/Image/View.test.jsx

@@ -36,13 +36,13 @@ config.blocks.blocksConfig = {
 
 describe('Image View Component', () => {
   test('renders a view image component with a local image', () => {
-    const { getByRole } = render(<View data={{ url: '/image.jpg' }} />);
-    const img = getByRole('img');
+    const { container } = render(<View data={{ url: '/image.jpg' }} />);
+    const img = container.querySelector('img');
     expect(img).toHaveAttribute('src', '/image.jpg/@@images/image');
     expect(img).toHaveAttribute('loading', 'lazy');
   });
   test('renders a view image component with a local image with a link', () => {
-    const { container, getByRole } = render(
+    const { container } = render(
       <Provider store={store}>
         <MemoryRouter>
           <View
@@ -51,22 +51,22 @@ describe('Image View Component', () => {
         </MemoryRouter>
       </Provider>,
     );
-    const img = getByRole('img');
+    const img = container.querySelector('img');
     const a = container.querySelector('a');
     expect(img).toHaveAttribute('src', '/image.jpg/@@images/image');
     expect(a).toHaveAttribute('href', '/front-page');
   });
   test('renders a view image component with an external image', () => {
-    const { getByRole } = render(
+    const { container } = render(
       <Provider store={store}>
         <View data={{ url: 'https://plone.org/logo.jpg' }} />
       </Provider>,
     );
-    const img = getByRole('img');
+    const img = container.querySelector('img');
     expect(img).toHaveAttribute('src', 'https://plone.org/logo.jpg');
   });
   test('renders a view image component with an external image with a link', () => {
-    const { container, getByRole } = render(
+    const { container } = render(
       <Provider store={store}>
         <View
           data={{
@@ -76,7 +76,7 @@ describe('Image View Component', () => {
         />
       </Provider>,
     );
-    const img = getByRole('img');
+    const img = container.querySelector('img');
     const a = container.querySelector('a');
     expect(img).toHaveAttribute('src', 'https://plone.org/logo.jpg');
     expect(a).toHaveAttribute('href', 'http://front-page');

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>