Git Product home page Git Product logo

Comments (3)

patrick-steele-idem avatar patrick-steele-idem commented on September 22, 2024

Hey @weslleyaraujo, thanks for the feedback!

This is the expected behavior, but morphdom should probably report an error to the user. What's happening behind the scenes is that morphdom is parsing the HTML provided as the second argument using createContextualFragment(html) and then it is picking only the first child as the target node:

return fragment.childNodes[0];

If the parsing of the contextual fragment results in multiple child nodes then that is really bad input for the current implementation of morphdom.

The fact that there is a comment node doesn't really matter in this case. While it might solve your issue to skip over the comment nodes, I am not sure that is the right solution.

Hopefully you can update your code accordingly? If you have any thoughts or concerns please share, but for now I am going to go ahead and close the issue. While we could throw an error if there are multiple child nodes, that could potentially be a breaking change and we would need to up the major version and I want to avoid doing that for now.

from morphdom.

weslleyaraujo avatar weslleyaraujo commented on September 22, 2024

Thanks for the insights!

I think that some kind of warning/error would be very useful in this case,
the example above was just a test that I was doing to check... but back in a real world project, I took quite long to find out what was happening.

I think this might be something to add on the roadmap for the next major release,

thanks once again!

from morphdom.

fehmi avatar fehmi commented on September 22, 2024

he example above was just a test that I was doing to check... but back in a real world project, I took quite long to find out what was happening.

@weslleyaraujo @patrick-steele-idem Do you remember how to solve it? Same this is happening to me and I don't know how to solve it.

from morphdom.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.