From c11727d40ead70f36a9fdc28682b325d809f2620 Mon Sep 17 00:00:00 2001
From: Zach Leatherman <zachleatherman@gmail.com>
Date: Wed, 4 Oct 2023 14:22:00 -0500
Subject: [PATCH] Make sure we only wrap if there are multiple text or element
 child nodes.

---
 demo.html    | 4 ++--
 table-saw.js | 9 ++++++++-
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/demo.html b/demo.html
index 5e28105..a65eb8c 100644
--- a/demo.html
+++ b/demo.html
@@ -139,14 +139,14 @@ <h2>Using container queries</h2>
 								<td class="title"><a href="http://en.wikipedia.org/wiki/Titanic_(1997_film)">Titanic</a></td>
 								<td>2</td>
 								<td class="demo-numeric">1997</td>
-								<td>88%</td>
+								<td><!-- test -->88%</td>
 								<td>$2.1B <a href="">Link</a> test</td>
 							</tr>
 							<tr>
 								<td class="title"><a href="http://en.wikipedia.org/wiki/The_Avengers_(2012_film)">The Avengers</a></td>
 								<td>3</td>
 								<td class="demo-numeric">2012</td>
-								<td>92%</td>
+								<td><!-- test --><span>92%</span></td>
 								<td>$1.5B</td>
 							</tr>
 							<tr>
diff --git a/table-saw.js b/table-saw.js
index 0da039d..ec71471 100644
--- a/table-saw.js
+++ b/table-saw.js
@@ -116,8 +116,15 @@ table-saw.${this._identifier} {
 
 			cell.setAttribute(this.attrs.label, labels[cell.cellIndex]);
 
+			let nodeCount = 0;
+			for(let n of cell.childNodes) {
+				// text or element node
+				if(n.nodeType === 3 || n.nodeType === 1) {
+					nodeCount++;
+				}
+			}
 			// wrap if this cell has child nodes for correct grid alignment
-			if(cell.firstElementChild) {
+			if(nodeCount > 1) {
 				let wrapper = document.createElement("div");
 				wrapper.classList.add(this.classes.wrap);
 				while(cell.firstChild) {