{"parents":["067547c1d156ea9527dc8f4b4036d2824b651790","eb002906735e4fc914c588a73a119d066b569b79"],"patch":"diff --git a\/src\/renderers\/dom\/client\/utils\/DOMChildrenOperations.js b\/src\/renderers\/dom\/client\/utils\/DOMChildrenOperations.js\nindex 00143a9c3f..c5c796325d 100644\n--- a\/src\/renderers\/dom\/client\/utils\/DOMChildrenOperations.js\n+++ b\/src\/renderers\/dom\/client\/utils\/DOMChildrenOperations.js\n@@ -18,7 +18,10 @@ var ReactPerf = require('ReactPerf');\n \n var setInnerHTML = require('setInnerHTML');\n var setTextContent = require('setTextContent');\n-var invariant = require('invariant');\n+\n+function getNodeAfter(parentNode, node) {\n+ return node ? node.nextSibling : parentNode.firstChild;\n+}\n \n \/**\n * Inserts `childNode` as a child of `parentNode` at the `index`.\n@@ -28,27 +31,14 @@ var invariant = require('invariant');\n * @param {number} index Index at which to insert the child.\n * @internal\n *\/\n-function insertChildAt(parentNode, childNode, index) {\n- \/\/ We can rely exclusively on `insertBefore(node, null)` instead of also using\n+function insertChildAt(parentNode, childNode, referenceNode) {\n+ \/\/ We rely exclusively on `insertBefore(node, null)` instead of also using\n \/\/ `appendChild(node)`. (Using `undefined` is not allowed by all browsers so\n \/\/ we are careful to use `null`.)\n-\n- \/\/ In Safari, .childNodes[index] can return a DOM node with id={index} so we\n- \/\/ use .item() instead which is immune to this bug. (See #3560.) In contrast\n- \/\/ to the spec, IE8 throws an error if index is larger than the list size.\n- var referenceNode =\n- index < parentNode.childNodes.length ?\n- parentNode.childNodes.item(index) : null;\n-\n parentNode.insertBefore(childNode, referenceNode);\n }\n \n-function insertLazyTreeChildAt(parentNode, childTree, index) {\n- \/\/ See above.\n- var referenceNode =\n- index < parentNode.childNodes.length ?\n- parentNode.childNodes.item(index) : null;\n-\n+function insertLazyTreeChildAt(parentNode, childTree, referenceNode) {\n DOMLazyTree.insertTreeBefore(parentNode, childTree, referenceNode);\n }\n \n@@ -69,81 +59,21 @@ var DOMChildrenOperations = {\n * @internal\n *\/\n processUpdates: function(parentNode, updates) {\n- var update;\n- \/\/ Mapping from parent IDs to initial child orderings.\n- var initialChildren = null;\n- \/\/ List of children that will be moved or removed.\n- var updatedChildren = null;\n-\n- var markupList = null;\n-\n- for (var i = 0; i < updates.length; i++) {\n- update = updates[i];\n- if (update.type === ReactMultiChildUpdateTypes.MOVE_EXISTING ||\n- update.type === ReactMultiChildUpdateTypes.REMOVE_NODE) {\n- var updatedIndex = update.fromIndex;\n- var updatedChild = parentNode.childNodes[updatedIndex];\n-\n- invariant(\n- updatedChild,\n- 'processUpdates(): Unable to find child %s of element %s. This ' +\n- 'probably means the DOM was unexpectedly mutated (e.g., by the ' +\n- 'browser), usually due to forgetting a when using tables, ' +\n- 'nesting tags like

dillon1000/react

Files changed