Make sure we only wrap if there are multiple text or element child no…

…des.

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>

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) {