Giter Club home page Giter Club logo

Comments (5)

mikecoj avatar mikecoj commented on August 26, 2024

Hi,

This change was made because MCDatepicker uses one calendar node for all calendar instances.

Before this commit, the calendar node was added only to the context of the first instance.

For example: if you have 2 instances, the first one using document.body as context and the second one shadow root,
in this case, MCDatepicker will append the calendar node only to the document.body (the context of the first instance). The second instance will use its context just to search the node with the id specified in the el option and add a listener to it.

from mcdatepicker.

dartanian300 avatar dartanian300 commented on August 26, 2024

I see. In order to fully support shadow dom the element would need to be inserted there.

Perhaps the package can be modified so that a date picker is inserted into each context? That way you maintain support for multiple pickers while also supporting shadow dom.

from mcdatepicker.

mikecoj avatar mikecoj commented on August 26, 2024

Yes, I think it's a good idea!

from mcdatepicker.

vinoth2442 avatar vinoth2442 commented on August 26, 2024

Hi @mikecoj any update about this shadow dom support?
This issue can be fixed adding one more options to append the picker to the given Element.
Ex: appendTo : shadowEle

from mcdatepicker.

mikecoj avatar mikecoj commented on August 26, 2024

Hi there,
unfortunately, there are no updates on this.

Due to my involvement in other big projects, I had to dedicate more time to them and less time to this one. I hope this will change soon.

If you've found the solution, I'll be happy to receive a PR from you.

Thank you!

from mcdatepicker.

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.