From 326a900e2fbe2ccc5a94dd498bfee05ea0913f22 Mon Sep 17 00:00:00 2001
From: Jonas Piterek <piterek@kitconcept.com>
Date: Tue, 25 Feb 2025 10:31:31 +0100
Subject: [PATCH 1/8] chore: add make command to run backend in daemon mode

---
 Makefile | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/Makefile b/Makefile
index 98de7696..45c8b113 100644
--- a/Makefile
+++ b/Makefile
@@ -105,6 +105,11 @@ backend-docker-start:	## Starts a Docker-based backend for development
 	@echo "$(GREEN)==> Start Docker-based Plone Backend$(RESET)"
 	docker run -it --rm --name=backend -p 8080:8080 -e SITE=Plone $(DOCKER_IMAGE)
 
+.PHONY: backend-docker-detached-start
+backend-docker-detached-start:	## Starts a Docker-based backend for development
+	@echo "$(GREEN)==> Start Docker-based Plone Backend$(RESET)"
+	docker run -d -it --rm --name=backend -p 8080:8080 -e SITE=Plone $(DOCKER_IMAGE)
+
 ## Storybook
 .PHONY: storybook-start
 storybook-start: ## Start Storybook server on port 6006

From 7ea9d6845dd07c0bf84ff7d2104178cba45b36f1 Mon Sep 17 00:00:00 2001
From: Jonas Piterek <piterek@kitconcept.com>
Date: Tue, 25 Feb 2025 10:34:12 +0100
Subject: [PATCH 2/8] chore: move toast error message for easier shadowing

---
 .../locales/de/LC_MESSAGES/volto.po              |  3 ++-
 .../locales/en/LC_MESSAGES/volto.po              |  3 ++-
 .../locales/es/LC_MESSAGES/volto.po              |  3 ++-
 .../locales/pt_BR/LC_MESSAGES/volto.po           |  3 ++-
 packages/volto-iframe-block/locales/volto.pot    |  5 +++--
 .../volto-iframe-block/src/components/Edit.jsx   | 13 ++++++-------
 .../volto-iframe-block/src/helpers/isValidUrl.js | 16 ++++++++++++++++
 7 files changed, 33 insertions(+), 13 deletions(-)

diff --git a/packages/volto-iframe-block/locales/de/LC_MESSAGES/volto.po b/packages/volto-iframe-block/locales/de/LC_MESSAGES/volto.po
index 15a8f62f..0af79f65 100644
--- a/packages/volto-iframe-block/locales/de/LC_MESSAGES/volto.po
+++ b/packages/volto-iframe-block/locales/de/LC_MESSAGES/volto.po
@@ -23,6 +23,7 @@ msgstr "Beschreibung"
 
 #. Default: "Error"
 #: components/Edit
+#: helpers/isValidUrl
 msgid "Error"
 msgstr "Fehler"
 
@@ -38,7 +39,7 @@ msgid "Iframe"
 msgstr "Iframe"
 
 #. Default: "Invalid url"
-#: components/Edit
+#: helpers/isValidUrl
 msgid "Invalid url"
 msgstr "Ungültige Url"
 
diff --git a/packages/volto-iframe-block/locales/en/LC_MESSAGES/volto.po b/packages/volto-iframe-block/locales/en/LC_MESSAGES/volto.po
index 200c0826..c35869c1 100644
--- a/packages/volto-iframe-block/locales/en/LC_MESSAGES/volto.po
+++ b/packages/volto-iframe-block/locales/en/LC_MESSAGES/volto.po
@@ -23,6 +23,7 @@ msgstr ""
 
 #. Default: "Error"
 #: components/Edit
+#: helpers/isValidUrl
 msgid "Error"
 msgstr ""
 
@@ -38,7 +39,7 @@ msgid "Iframe"
 msgstr ""
 
 #. Default: "Invalid url"
-#: components/Edit
+#: helpers/isValidUrl
 msgid "Invalid url"
 msgstr ""
 
diff --git a/packages/volto-iframe-block/locales/es/LC_MESSAGES/volto.po b/packages/volto-iframe-block/locales/es/LC_MESSAGES/volto.po
index f1c69dc9..b5dd453f 100644
--- a/packages/volto-iframe-block/locales/es/LC_MESSAGES/volto.po
+++ b/packages/volto-iframe-block/locales/es/LC_MESSAGES/volto.po
@@ -30,6 +30,7 @@ msgstr ""
 
 #. Default: "Error"
 #: components/Edit
+#: helpers/isValidUrl
 msgid "Error"
 msgstr ""
 
@@ -45,7 +46,7 @@ msgid "Iframe"
 msgstr ""
 
 #. Default: "Invalid url"
-#: components/Edit
+#: helpers/isValidUrl
 msgid "Invalid url"
 msgstr ""
 
diff --git a/packages/volto-iframe-block/locales/pt_BR/LC_MESSAGES/volto.po b/packages/volto-iframe-block/locales/pt_BR/LC_MESSAGES/volto.po
index 50061474..57e159d5 100644
--- a/packages/volto-iframe-block/locales/pt_BR/LC_MESSAGES/volto.po
+++ b/packages/volto-iframe-block/locales/pt_BR/LC_MESSAGES/volto.po
@@ -28,6 +28,7 @@ msgstr ""
 
 #. Default: "Error"
 #: components/Edit
+#: helpers/isValidUrl
 msgid "Error"
 msgstr ""
 
@@ -43,7 +44,7 @@ msgid "Iframe"
 msgstr ""
 
 #. Default: "Invalid url"
-#: components/Edit
+#: helpers/isValidUrl
 msgid "Invalid url"
 msgstr ""
 
diff --git a/packages/volto-iframe-block/locales/volto.pot b/packages/volto-iframe-block/locales/volto.pot
index 39a5ff15..af93bbae 100644
--- a/packages/volto-iframe-block/locales/volto.pot
+++ b/packages/volto-iframe-block/locales/volto.pot
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2025-02-18T09:54:00.232Z\n"
+"POT-Creation-Date: 2025-02-25T09:33:36.629Z\n"
 "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Content-Type: text/plain; charset=utf-8\n"
@@ -25,6 +25,7 @@ msgstr ""
 
 #. Default: "Error"
 #: components/Edit
+#: helpers/isValidUrl
 msgid "Error"
 msgstr ""
 
@@ -40,7 +41,7 @@ msgid "Iframe"
 msgstr ""
 
 #. Default: "Invalid url"
-#: components/Edit
+#: helpers/isValidUrl
 msgid "Invalid url"
 msgstr ""
 
diff --git a/packages/volto-iframe-block/src/components/Edit.jsx b/packages/volto-iframe-block/src/components/Edit.jsx
index cb87fc82..4d2dad1f 100644
--- a/packages/volto-iframe-block/src/components/Edit.jsx
+++ b/packages/volto-iframe-block/src/components/Edit.jsx
@@ -8,7 +8,10 @@ import React, { useState } from 'react';
 import { defineMessages } from 'react-intl';
 import { toast } from 'react-toastify';
 
-import { isValidUrl } from '@kitconcept/volto-iframe-block/helpers/isValidUrl';
+import {
+  isValidUrl,
+  toastError,
+} from '@kitconcept/volto-iframe-block/helpers/isValidUrl';
 import IframeSidebar from '@kitconcept/volto-iframe-block/components/Data';
 import IframeView from '@kitconcept/volto-iframe-block/components/View';
 
@@ -17,10 +20,6 @@ const messages = defineMessages({
     id: 'Type a Iframe URL',
     defaultMessage: 'Type a Iframe URL',
   },
-  IncorrectUrl: {
-    id: 'Invalid url',
-    defaultMessage: 'Invalid url',
-  },
   Error: {
     id: 'Error',
     defaultMessage: 'Error',
@@ -51,8 +50,8 @@ const IframeEdit = (props) => {
     toast.error(
       <Toast
         error
-        title={intl.formatMessage(messages.Error)}
-        content={intl.formatMessage(messages.IncorrectUrl)}
+        title={intl.formatMessage(toastError.Title)}
+        content={intl.formatMessage(toastError.Content)}
       />,
     );
   };
diff --git a/packages/volto-iframe-block/src/helpers/isValidUrl.js b/packages/volto-iframe-block/src/helpers/isValidUrl.js
index 049aaeac..5074fd3e 100644
--- a/packages/volto-iframe-block/src/helpers/isValidUrl.js
+++ b/packages/volto-iframe-block/src/helpers/isValidUrl.js
@@ -1,5 +1,21 @@
 import config from '@plone/volto/registry';
 import { isEmpty } from 'lodash';
+import { defineMessages } from 'react-intl';
+
+/**
+ * Error messages for displaying toast notifications when an invalid URL
+ * is submitted.
+ */
+export const toastError = defineMessages({
+  Title: {
+    id: 'Error',
+    defaultMessage: 'Error',
+  },
+  Content: {
+    id: 'Invalid url',
+    defaultMessage: 'Invalid url',
+  },
+});
 
 export function isValidUrl(url) {
   const patterns = config.blocks.blocksConfig.iframe.validUrls;

From dfeec6ef6ed22153399fea76794f179503cc7dd5 Mon Sep 17 00:00:00 2001
From: Jonas Piterek <piterek@kitconcept.com>
Date: Tue, 25 Feb 2025 10:37:39 +0100
Subject: [PATCH 3/8] fix: only display figure if we have a valid url

---
 .../src/components/View.jsx                   | 32 +++++++++----------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/packages/volto-iframe-block/src/components/View.jsx b/packages/volto-iframe-block/src/components/View.jsx
index 91a9bfd0..d8f78781 100644
--- a/packages/volto-iframe-block/src/components/View.jsx
+++ b/packages/volto-iframe-block/src/components/View.jsx
@@ -15,28 +15,28 @@ const IframeView = (props) => {
   return (
     <div className={cx('block iframe align', data.align, className)}>
       <div className="block-container">
-        <figure>
-          {data.src && isValidUrl(data.src) && (
+        {data.src && isValidUrl(data.src) && (
+          <figure>
             <iframe
               src={data.src}
               title={data.title}
               width={width}
               height={data.height}
             />
-          )}
-          <figcaption>
-            {data.title && <div className="title">{data.title}</div>}
-            {data.description && (
-              <div className="description">{data.description}</div>
-            )}
-            {data.credit && (
-              <div className="credit">
-                Credit:{' '}
-                <div dangerouslySetInnerHTML={{ __html: data.credit.data }} />
-              </div>
-            )}
-          </figcaption>
-        </figure>
+            <figcaption>
+              {data.title && <div className="title">{data.title}</div>}
+              {data.description && (
+                <div className="description">{data.description}</div>
+              )}
+              {data.credit && (
+                <div className="credit">
+                  Credit:{' '}
+                  <div dangerouslySetInnerHTML={{ __html: data.credit.data }} />
+                </div>
+              )}
+            </figcaption>
+          </figure>
+        )}
       </div>
     </div>
   );

From cfc01de1c07ee46421669bc4647c77af643491b4 Mon Sep 17 00:00:00 2001
From: Jonas Piterek <piterek@kitconcept.com>
Date: Tue, 25 Feb 2025 10:55:00 +0100
Subject: [PATCH 4/8] fix: move width to figure to ensure that title,
 description ect. (if provided) are the same width as the iframe

---
 packages/volto-iframe-block/src/components/View.jsx | 9 ++-------
 packages/volto-iframe-block/src/theme/main.scss     | 4 ++++
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/packages/volto-iframe-block/src/components/View.jsx b/packages/volto-iframe-block/src/components/View.jsx
index d8f78781..062f6a7d 100644
--- a/packages/volto-iframe-block/src/components/View.jsx
+++ b/packages/volto-iframe-block/src/components/View.jsx
@@ -16,13 +16,8 @@ const IframeView = (props) => {
     <div className={cx('block iframe align', data.align, className)}>
       <div className="block-container">
         {data.src && isValidUrl(data.src) && (
-          <figure>
-            <iframe
-              src={data.src}
-              title={data.title}
-              width={width}
-              height={data.height}
-            />
+          <figure style={{ width: width }}>
+            <iframe src={data.src} title={data.title} height={data.height} />
             <figcaption>
               {data.title && <div className="title">{data.title}</div>}
               {data.description && (
diff --git a/packages/volto-iframe-block/src/theme/main.scss b/packages/volto-iframe-block/src/theme/main.scss
index 8d7345ba..12fe552a 100644
--- a/packages/volto-iframe-block/src/theme/main.scss
+++ b/packages/volto-iframe-block/src/theme/main.scss
@@ -31,3 +31,7 @@
     }
   }
 }
+
+.block.iframe iframe {
+  width: 100%;
+}

From 1008bfe556e6f81cbf68656d68e031b674b3ea8e Mon Sep 17 00:00:00 2001
From: Jonas Piterek <piterek@kitconcept.com>
Date: Tue, 25 Feb 2025 10:58:32 +0100
Subject: [PATCH 5/8] feat: change height to text field for px and % support
 (non-breaking)

---
 packages/volto-iframe-block/src/components/schema.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/volto-iframe-block/src/components/schema.jsx b/packages/volto-iframe-block/src/components/schema.jsx
index 806352c4..322d32e6 100644
--- a/packages/volto-iframe-block/src/components/schema.jsx
+++ b/packages/volto-iframe-block/src/components/schema.jsx
@@ -97,7 +97,7 @@ export const IframeBlockSchema = (props) => ({
     },
     height: {
       title: props.intl.formatMessage(messages.Height),
-      type: 'number',
+      widget: 'text',
       description: props.intl.formatMessage(messages.TextHintPixels),
     },
   },

From 9801caa9499c2b4299fc809acf5049867bbccca4 Mon Sep 17 00:00:00 2001
From: Jonas Piterek <piterek@kitconcept.com>
Date: Tue, 25 Feb 2025 11:05:40 +0100
Subject: [PATCH 6/8] chore: update changelog

---
 packages/volto-iframe-block/news/8.feature | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 packages/volto-iframe-block/news/8.feature

diff --git a/packages/volto-iframe-block/news/8.feature b/packages/volto-iframe-block/news/8.feature
new file mode 100644
index 00000000..3c84e76f
--- /dev/null
+++ b/packages/volto-iframe-block/news/8.feature
@@ -0,0 +1,5 @@
+add `backend-docker-detached-start` make command to start backend in daemon mode [@jnptk]
+move toast error messages to isValidUrl.js file so that if you want to shadow the `isValidUrl` function you can change the error message as well [@jnptk]
+we now only show the whole `figure` if a url is set & valid [@jnptk]
+moved the `width` to the `figure` element to ensure that title, description etc. are the same width as the `iframe` [@jnptk]
+changed the `height` field to use a `text` input field for pixel and percentage value support (e.g. 100px, 50%) [@jnptk]

From 6ec580c8d5a93b999a78e3e3791c3085b51322d1 Mon Sep 17 00:00:00 2001
From: Jonas Piterek <piterek@kitconcept.com>
Date: Tue, 25 Feb 2025 11:07:00 +0100
Subject: [PATCH 7/8] chore: update locales

---
 packages/volto-iframe-block/locales/de/LC_MESSAGES/volto.po | 6 +++---
 packages/volto-iframe-block/locales/en/LC_MESSAGES/volto.po | 4 ++--
 packages/volto-iframe-block/locales/es/LC_MESSAGES/volto.po | 4 ++--
 .../volto-iframe-block/locales/pt_BR/LC_MESSAGES/volto.po   | 4 ++--
 packages/volto-iframe-block/locales/volto.pot               | 6 +++---
 packages/volto-iframe-block/src/components/schema.jsx       | 5 +++--
 6 files changed, 15 insertions(+), 14 deletions(-)

diff --git a/packages/volto-iframe-block/locales/de/LC_MESSAGES/volto.po b/packages/volto-iframe-block/locales/de/LC_MESSAGES/volto.po
index 0af79f65..15121ad4 100644
--- a/packages/volto-iframe-block/locales/de/LC_MESSAGES/volto.po
+++ b/packages/volto-iframe-block/locales/de/LC_MESSAGES/volto.po
@@ -73,10 +73,10 @@ msgstr "Titel"
 msgid "Type a Iframe URL"
 msgstr "Geben Sie eine URL ein"
 
-#. Default: "Values are in Pixels"
+#. Default: "Values are in Pixels (e.g. 100 or 100px) or Percent (e.g. 100%)"
 #: components/schema
-msgid "Values are in Pixels"
-msgstr "Werte werden in Pixeln angegeben"
+msgid "Values are in Pixels (e.g. 100 or 100px) or Percent (e.g. 100%)"
+msgstr "Die Werte werden in Pixeln (z.B. 100 oder 100px) oder Prozent (z.B. 100%) angegeben."
 
 #. Default: "Width"
 #: components/schema
diff --git a/packages/volto-iframe-block/locales/en/LC_MESSAGES/volto.po b/packages/volto-iframe-block/locales/en/LC_MESSAGES/volto.po
index c35869c1..2fef9af6 100644
--- a/packages/volto-iframe-block/locales/en/LC_MESSAGES/volto.po
+++ b/packages/volto-iframe-block/locales/en/LC_MESSAGES/volto.po
@@ -73,9 +73,9 @@ msgstr ""
 msgid "Type a Iframe URL"
 msgstr ""
 
-#. Default: "Values are in Pixels"
+#. Default: "Values are in Pixels (e.g. 100 or 100px) or Percent (e.g. 100%)"
 #: components/schema
-msgid "Values are in Pixels"
+msgid "Values are in Pixels (e.g. 100 or 100px) or Percent (e.g. 100%)"
 msgstr ""
 
 #. Default: "Width"
diff --git a/packages/volto-iframe-block/locales/es/LC_MESSAGES/volto.po b/packages/volto-iframe-block/locales/es/LC_MESSAGES/volto.po
index b5dd453f..613f3cc6 100644
--- a/packages/volto-iframe-block/locales/es/LC_MESSAGES/volto.po
+++ b/packages/volto-iframe-block/locales/es/LC_MESSAGES/volto.po
@@ -80,9 +80,9 @@ msgstr ""
 msgid "Type a Iframe URL"
 msgstr ""
 
-#. Default: "Values are in Pixels"
+#. Default: "Values are in Pixels (e.g. 100 or 100px) or Percent (e.g. 100%)"
 #: components/schema
-msgid "Values are in Pixels"
+msgid "Values are in Pixels (e.g. 100 or 100px) or Percent (e.g. 100%)"
 msgstr ""
 
 #. Default: "Width"
diff --git a/packages/volto-iframe-block/locales/pt_BR/LC_MESSAGES/volto.po b/packages/volto-iframe-block/locales/pt_BR/LC_MESSAGES/volto.po
index 57e159d5..ceb2bc23 100644
--- a/packages/volto-iframe-block/locales/pt_BR/LC_MESSAGES/volto.po
+++ b/packages/volto-iframe-block/locales/pt_BR/LC_MESSAGES/volto.po
@@ -78,9 +78,9 @@ msgstr ""
 msgid "Type a Iframe URL"
 msgstr ""
 
-#. Default: "Values are in Pixels"
+#. Default: "Values are in Pixels (e.g. 100 or 100px) or Percent (e.g. 100%)"
 #: components/schema
-msgid "Values are in Pixels"
+msgid "Values are in Pixels (e.g. 100 or 100px) or Percent (e.g. 100%)"
 msgstr ""
 
 #. Default: "Width"
diff --git a/packages/volto-iframe-block/locales/volto.pot b/packages/volto-iframe-block/locales/volto.pot
index af93bbae..ff04d2bb 100644
--- a/packages/volto-iframe-block/locales/volto.pot
+++ b/packages/volto-iframe-block/locales/volto.pot
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2025-02-25T09:33:36.629Z\n"
+"POT-Creation-Date: 2025-02-25T10:06:06.493Z\n"
 "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Content-Type: text/plain; charset=utf-8\n"
@@ -75,9 +75,9 @@ msgstr ""
 msgid "Type a Iframe URL"
 msgstr ""
 
-#. Default: "Values are in Pixels"
+#. Default: "Values are in Pixels (e.g. 100 or 100px) or Percent (e.g. 100%)"
 #: components/schema
-msgid "Values are in Pixels"
+msgid "Values are in Pixels (e.g. 100 or 100px) or Percent (e.g. 100%)"
 msgstr ""
 
 #. Default: "Width"
diff --git a/packages/volto-iframe-block/src/components/schema.jsx b/packages/volto-iframe-block/src/components/schema.jsx
index 322d32e6..b11e5f6f 100644
--- a/packages/volto-iframe-block/src/components/schema.jsx
+++ b/packages/volto-iframe-block/src/components/schema.jsx
@@ -43,8 +43,9 @@ const messages = defineMessages({
     defaultMessage: 'Open in a new tab',
   },
   TextHintPixels: {
-    id: 'Values are in Pixels',
-    defaultMessage: 'Values are in Pixels',
+    id: 'Values are in Pixels (e.g. 100 or 100px) or Percent (e.g. 100%)',
+    defaultMessage:
+      'Values are in Pixels (e.g. 100 or 100px) or Percent (e.g. 100%)',
   },
 });
 

From 17458bf438afa0bb701196fdd4a5b6ee53eab6f2 Mon Sep 17 00:00:00 2001
From: Jonas Piterek <piterek@kitconcept.com>
Date: Wed, 26 Feb 2025 09:21:37 +0100
Subject: [PATCH 8/8] chore: update changelog

---
 packages/volto-iframe-block/news/8.bugfix.1   | 1 +
 packages/volto-iframe-block/news/8.bugfix.2   | 1 +
 packages/volto-iframe-block/news/8.feature    | 5 -----
 packages/volto-iframe-block/news/8.feature.1  | 1 +
 packages/volto-iframe-block/news/8.feature.2  | 1 +
 packages/volto-iframe-block/news/8.internal.1 | 1 +
 6 files changed, 5 insertions(+), 5 deletions(-)
 create mode 100644 packages/volto-iframe-block/news/8.bugfix.1
 create mode 100644 packages/volto-iframe-block/news/8.bugfix.2
 delete mode 100644 packages/volto-iframe-block/news/8.feature
 create mode 100644 packages/volto-iframe-block/news/8.feature.1
 create mode 100644 packages/volto-iframe-block/news/8.feature.2
 create mode 100644 packages/volto-iframe-block/news/8.internal.1

diff --git a/packages/volto-iframe-block/news/8.bugfix.1 b/packages/volto-iframe-block/news/8.bugfix.1
new file mode 100644
index 00000000..9c7c319e
--- /dev/null
+++ b/packages/volto-iframe-block/news/8.bugfix.1
@@ -0,0 +1 @@
+We now only show the whole `figure` if a url is set & valid [@jnptk]
diff --git a/packages/volto-iframe-block/news/8.bugfix.2 b/packages/volto-iframe-block/news/8.bugfix.2
new file mode 100644
index 00000000..ba1af7bf
--- /dev/null
+++ b/packages/volto-iframe-block/news/8.bugfix.2
@@ -0,0 +1 @@
+Moved the `width` to the `figure` element to ensure that title, description etc. are the same width as the `iframe` [@jnptk]
diff --git a/packages/volto-iframe-block/news/8.feature b/packages/volto-iframe-block/news/8.feature
deleted file mode 100644
index 3c84e76f..00000000
--- a/packages/volto-iframe-block/news/8.feature
+++ /dev/null
@@ -1,5 +0,0 @@
-add `backend-docker-detached-start` make command to start backend in daemon mode [@jnptk]
-move toast error messages to isValidUrl.js file so that if you want to shadow the `isValidUrl` function you can change the error message as well [@jnptk]
-we now only show the whole `figure` if a url is set & valid [@jnptk]
-moved the `width` to the `figure` element to ensure that title, description etc. are the same width as the `iframe` [@jnptk]
-changed the `height` field to use a `text` input field for pixel and percentage value support (e.g. 100px, 50%) [@jnptk]
diff --git a/packages/volto-iframe-block/news/8.feature.1 b/packages/volto-iframe-block/news/8.feature.1
new file mode 100644
index 00000000..1aed38b0
--- /dev/null
+++ b/packages/volto-iframe-block/news/8.feature.1
@@ -0,0 +1 @@
+Move toast error messages to isValidUrl.js file so that if you want to shadow the `isValidUrl` function you can change the error message as well [@jnptk]
diff --git a/packages/volto-iframe-block/news/8.feature.2 b/packages/volto-iframe-block/news/8.feature.2
new file mode 100644
index 00000000..0119c0b7
--- /dev/null
+++ b/packages/volto-iframe-block/news/8.feature.2
@@ -0,0 +1 @@
+Changed the `height` field to use a `text` input field for pixel and percentage value support (e.g. 100px, 50%) [@jnptk]
diff --git a/packages/volto-iframe-block/news/8.internal.1 b/packages/volto-iframe-block/news/8.internal.1
new file mode 100644
index 00000000..97a35502
--- /dev/null
+++ b/packages/volto-iframe-block/news/8.internal.1
@@ -0,0 +1 @@
+Add `backend-docker-detached-start` make command to start backend in daemon mode [@jnptk]