From d9fb61253837b493a5d837612b1a60631ade33e4 Mon Sep 17 00:00:00 2001
From: Roan Kattouw <roan.kattouw@gmail.com>
Date: Thu, 20 Jun 2013 11:04:29 -0700
Subject: [PATCH] ve.ce.BranchNode: Use DOM rather than jQuery in #onSplice

Change-Id: I75337048e9ae81c95333da5c0277dbf7dc562b1c
---
 modules/ve/ce/ve.ce.BranchNode.js | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/modules/ve/ce/ve.ce.BranchNode.js b/modules/ve/ce/ve.ce.BranchNode.js
index 6704aa447a..c6d6050524 100644
--- a/modules/ve/ce/ve.ce.BranchNode.js
+++ b/modules/ve/ce/ve.ce.BranchNode.js
@@ -149,10 +149,14 @@ ve.ce.BranchNode.prototype.onModelUpdate = function ( transaction ) {
  * @param {ve.dm.BranchNode...} [nodes] Variadic list of nodes to insert
  */
 ve.ce.BranchNode.prototype.onSplice = function ( index ) {
-	var i,
+	var i, j,
 		length,
 		args = Array.prototype.slice.call( arguments ),
 		$anchor,
+		afterAnchor,
+		node,
+		parentNode,
+		firstChild,
 		removals;
 	// Convert models to views and attach them to this node
 	if ( args.length >= 3 ) {
@@ -176,9 +180,19 @@ ve.ce.BranchNode.prototype.onSplice = function ( index ) {
 		for ( i = args.length - 1; i >= 2; i-- ) {
 			args[i].attach( this );
 			if ( index ) {
-				$anchor.after( args[i].$ );
+				// DOM equivalent of $anchor.after( args[i].$ );
+				afterAnchor = $anchor[0].nextSibling;
+				parentNode = $anchor[0].parentNode;
+				for ( j = 0, length = args[i].$.length; j < length; j++ ) {
+					parentNode.insertBefore( args[i].$[j], afterAnchor );
+				}
 			} else {
-				this.$.prepend( args[i].$ );
+				// DOM equivalent of this.$.prepend( args[j].$ );
+				node = this.$[0];
+				firstChild = node.firstChild;
+				for ( j = args[i].$.length - 1; j >= 0; j-- ) {
+					node.insertBefore( args[i].$[j], firstChild );
+				}
 			}
 			if ( this.live !== args[i].isLive() ) {
 				args[i].setLive( this.live );