Fix the code so that the color picker is inside a shadow dom

[Agog-io]

Currently implementing this in a project where all functionality is inside a shadow dom. There are several querySelectors calls in this project that are done with document.querySelector , and if the color picker attached inside a shadow dom they fail cause the shadow dom elements are not visible this way.

I would suggest having something like this , where the domTree option defaults to document if not set , and modifying the library querySelectors accordingly. I am down to creating a pull request for this as I will definitely be implementing this in the proj i am working on .

//shadowDomRoot <---  ShadowRoot
//shadowDomInputEl <---  Input Element inside shadowDomRoot
//shadowDomParentEl <---  ParentEl inside shadowDomRoot
Coloris({
	el: shadowDomInputEl,
	parent: shadowDomParentEl,
	inline: true,
	wrap: false,
        //new Option
       domTree : shadowDomRoot
});

[mdbassit]

Hmm, I'm not sure it's possible to make this compatible with shadow DOM without a significant changes to the code base. If you are able to make it work, could I take a look at your code?

[pixobe]

@Agog-io may I know how you achieved this ?

[d0rianb]

Hi, any news on that ?

[Agog-io]

Sorry for the long period of inactivity.

I uploaded a pull with the changes I did , im not accustomed to working in FOSS stuff hope i did not do something wrong 😆

[Agog-io]

#178

[mdbassit]

Thanks for your help. I will use your PR as a reference to add shadowDOM support.