From e875c7832d03c8e7d2bf481772535ee73c5d8b99 Mon Sep 17 00:00:00 2001
From: Wai Lam Yau <WLYau@users.noreply.github.com>
Date: Wed, 27 Mar 2024 00:46:59 +0000
Subject: [PATCH] fix(react): rendering of react for screenreaders (#220)

* Fix rendering of react for screenreaders

* Fix rendering of react for screenreaders (#1)

Co-authored-by: WAI YAU <waister@ip-192-168-1-52.eu-west-1.compute.internal>

* Tweak

* Change code to be the source instead of the result

---------

Co-authored-by: WAI YAU <waister@ip-192-168-1-52.eu-west-1.compute.internal>
Co-authored-by: richardmtsr <richard.moss@thestudentroom.com>
---
 packages/bbob-react/src/render.js | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/packages/bbob-react/src/render.js b/packages/bbob-react/src/render.js
index abe78d3..6939965 100644
--- a/packages/bbob-react/src/render.js
+++ b/packages/bbob-react/src/render.js
@@ -22,16 +22,28 @@ function tagToReactElement(node, index) {
 }
 
 function renderToReactNodes(nodes) {
+  let content = '';
   const els = [].concat(nodes).reduce((arr, node, index) => {
     if (isTagNode(node)) {
+      if (content !== '') {
+        arr.push(content);
+        content = '';
+      }
       arr.push(tagToReactElement(node, index));
     } else if (isStringNode(node)) {
-      arr.push(node);
+      if (content === '') {
+        content = node;
+      } else {
+        content += node;
+      }
+    }
+
+    if (index === nodes.length - 1 && content !== '') {
+      arr.push(content);
     }
 
     return arr;
   }, []);
-
   return els;
 }