fix m.trust diffing
This commit is contained in:
parent
bc50514731
commit
4aad8619c5
3 changed files with 35 additions and 18 deletions
|
|
@ -10,6 +10,9 @@
|
|||
- fix nested array removal edge cases [#120](https://github.com/lhorie/mithril.js/issues/120)
|
||||
- ignore redraw calls when controller is not ready [#127](https://github.com/lhorie/mithril.js/issues/127)
|
||||
- fix null reference exception in nested array edge case [#129](https://github.com/lhorie/mithril.js/issues/129)
|
||||
- fix a contenteditable null reference error [#134](https://github.com/lhorie/mithril.js/issues/134)
|
||||
- fix textarea value diffing when value is a node inside an array [#136](https://github.com/lhorie/mithril.js/issues/136)
|
||||
- fix diff bug with trusted strings [#138](https://github.com/lhorie/mithril.js/issues/138)
|
||||
|
||||
### Breaking changes:
|
||||
|
||||
|
|
|
|||
49
mithril.js
49
mithril.js
|
|
@ -147,41 +147,40 @@ Mithril = m = new function app(window) {
|
|||
}
|
||||
}
|
||||
else {
|
||||
var node
|
||||
var nodes
|
||||
if (cached.nodes.length === 0) {
|
||||
if (data.$trusted) {
|
||||
node = injectHTML(parentElement, index, data)
|
||||
nodes = injectHTML(parentElement, index, data)
|
||||
}
|
||||
else {
|
||||
node = window.document.createTextNode(data)
|
||||
parentElement.insertBefore(node, parentElement.childNodes[index] || null)
|
||||
nodes = [window.document.createTextNode(data)]
|
||||
parentElement.insertBefore(nodes[0], parentElement.childNodes[index] || null)
|
||||
}
|
||||
cached = "string number boolean".indexOf(typeof data) > -1 ? new data.constructor(data) : data
|
||||
cached.nodes = [node]
|
||||
cached.nodes = nodes
|
||||
}
|
||||
else if (cached.valueOf() !== data.valueOf() || shouldReattach === true) {
|
||||
node = cached.nodes[0]
|
||||
nodes = cached.nodes
|
||||
if (!editable || editable !== window.document.activeElement) {
|
||||
if (data.$trusted) {
|
||||
var current = cached.nodes[0], nodes = [current]
|
||||
if (current) {
|
||||
while (current = current.nextSibling) nodes.push(current)
|
||||
clear(nodes)
|
||||
node = injectHTML(parentElement, index, data)
|
||||
}
|
||||
else parentElement.innerHTML = data
|
||||
clear(nodes)
|
||||
nodes = injectHTML(parentElement, index, data)
|
||||
}
|
||||
else {
|
||||
if (parentTag === "textarea") parentElement.value = data
|
||||
else if (editable) editable.innerHTML = data
|
||||
else {
|
||||
parentElement.insertBefore(node, parentElement.childNodes[index] || null)
|
||||
node.nodeValue = data
|
||||
if (nodes[0].nodeType == 1 || nodes.length > 1) { //was a trusted string
|
||||
clear(cached.nodes)
|
||||
nodes = [window.document.createTextNode(data)]
|
||||
}
|
||||
parentElement.insertBefore(nodes[0], parentElement.childNodes[index] || null)
|
||||
nodes[0].nodeValue = data
|
||||
}
|
||||
}
|
||||
}
|
||||
cached = new data.constructor(data)
|
||||
cached.nodes = [node]
|
||||
cached.nodes = nodes
|
||||
}
|
||||
else cached.nodes.intact = true
|
||||
}
|
||||
|
|
@ -228,9 +227,23 @@ Mithril = m = new function app(window) {
|
|||
}
|
||||
function injectHTML(parentElement, index, data) {
|
||||
var nextSibling = parentElement.childNodes[index]
|
||||
if (nextSibling) nextSibling.insertAdjacentHTML("beforebegin", data)
|
||||
if (nextSibling) {
|
||||
var isElement = nextSibling.nodeType != 1
|
||||
var placeholder = window.document.createElement("span")
|
||||
if (isElement) {
|
||||
parentElement.insertBefore(placeholder, nextSibling)
|
||||
placeholder.insertAdjacentHTML("beforebegin", data)
|
||||
parentElement.removeChild(placeholder)
|
||||
}
|
||||
else nextSibling.insertAdjacentHTML("beforebegin", data)
|
||||
}
|
||||
else parentElement.insertAdjacentHTML("beforeend", data)
|
||||
return nextSibling ? nextSibling.previousSibling : parentElement.firstChild
|
||||
var nodes = []
|
||||
while (parentElement.childNodes[index] !== nextSibling) {
|
||||
nodes.push(parentElement.childNodes[index])
|
||||
index++
|
||||
}
|
||||
return nodes
|
||||
}
|
||||
function clone(object) {
|
||||
var result = {}
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@ mock.window = new function() {
|
|||
return {
|
||||
style: {},
|
||||
childNodes: [],
|
||||
nodeType: 1,
|
||||
nodeName: tag.toUpperCase(),
|
||||
appendChild: window.document.appendChild,
|
||||
removeChild: window.document.removeChild,
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue