Comments (5)
After more testing it appears that the children are diffed, but the parent container is removed. Either way my demo for a virtual-list module should work with morphdom. You get a container element and a fragment and need to merge the childNodes of both.
from morphdom.
I'm pretty sure you just need to use the childrenOnly
flag in the options parameter.
from morphdom.
I do think we should properly handle a document fragment, but I'm not quite sure what the "correct" behavior should be when a document fragment is provided:
- Are you intending on diffing just the child nodes of the source element with the child nodes of the target document fragment?
- Should we diff the source node with the first child of the target document fragment?
- What if there are multiple child nodes in the target document fragment?
It's easy enough to use the first child if the target is a document fragment, but that might not be expected. @tbranyen, what do you think the correct way to handle a document fragment as the target? Thanks for bringing this issue up and sorry for being slow to respond (I was out of the office last week).
from morphdom.
I posted a render function that should work for your documentFragment use.
https://github.com/AutoSponge/morphdom-render
from morphdom.
This is now supported!
from morphdom.
Related Issues (20)
- examples don't work in macOS Chrome or Safari
- Input type change breaks value change
- onAfterChanges option (or something similar) HOT 7
- Allow to provide custom morphAttrs function
- Morphing page with a lot (1000 or so) FORM tags is slow
- Leverage the DocumentFragment API?
- Cannot read properties of null (reading 'nodeName')
- Is this project discontinued? HOT 1
- getNodeKey with text nodes isn't supported?
- Add style attribute condition for compat with CSP: unsafe-inline style
- Could we introduce a jsconfig.json
- documentation: add how to use it with HTML streaming
- Breaks on funny/broken HTML
- Morphdom Support for Template Elements
- export morphAttrs
- morphAttrs should handle only elements
- bug: when a document fragment is passed as toNode only the first child is used
- Testing morphdom with jsdom is tricky. HOT 2
- Outdated docs on `getNodeKey`?
- Optimization recommendation in README is a hazard and should be removed
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from morphdom.