Remove DOM prototype patching of createTextChild(ren)

Bug: chromium:1011811
Change-Id: I44a66c10efd317dcb7d5a4f58ab4be0fded4b215
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2466182
Reviewed-by: Alex Rudenko <[email protected]>
Reviewed-by: Tim van der Lippe <[email protected]>
Commit-Queue: Sigurd Schneider <[email protected]>
diff --git a/front_end/layer_viewer/LayerDetailsView.js b/front_end/layer_viewer/LayerDetailsView.js
index 2216e60..725f7a2 100644
--- a/front_end/layer_viewer/LayerDetailsView.js
+++ b/front_end/layer_viewer/LayerDetailsView.js
@@ -160,7 +160,7 @@
    */
   _createScrollRectElement(scrollRect, index) {
     if (index) {
-      this._scrollRectsCell.createTextChild(', ');
+      UI.UIUtils.createTextChild(this._scrollRectsCell, ', ');
     }
     const element = this._scrollRectsCell.createChild('span', 'scroll-rect');
     if (this._selection && /** @type {!ScrollRectSelection} */ (this._selection).scrollRectIndex === index) {
@@ -196,7 +196,7 @@
       return;
     }
 
-    this._stickyPositionConstraintCell.createTextChild(', ');
+    UI.UIUtils.createTextChild(this._stickyPositionConstraintCell, ', ');
     const child = this._stickyPositionConstraintCell.createChild('span');
     child.textContent = this._formatStickyAncestorLayer(title, layer);
   }
@@ -215,7 +215,7 @@
     stickyBoxRectElement.textContent = Common.UIString.UIString(
         'Sticky Box %d × %d (at %d, %d)', stickyBoxRect.width, stickyBoxRect.height, stickyBoxRect.x, stickyBoxRect.y);
 
-    this._stickyPositionConstraintCell.createTextChild(', ');
+    UI.UIUtils.createTextChild(this._stickyPositionConstraintCell, ', ');
 
     const containingBlockRect = constraint.containingBlockRect();
     const containingBlockRectElement = this._stickyPositionConstraintCell.createChild('span');