Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add .gantt_noselect Shadow DOM #129

Open
scrodde opened this issue Oct 23, 2024 · 1 comment
Open

Add .gantt_noselect Shadow DOM #129

scrodde opened this issue Oct 23, 2024 · 1 comment

Comments

@scrodde
Copy link

scrodde commented Oct 23, 2024

Add ".gantt_noselect" too $root instead of document.body to make grid column resize work in Shadow DOM.

The codebase has different ways of toggling .gantt_noselect class. Please streamline them all to use $root instead of document.body to make this work in the shadow dom.

Examples from codebase:

✅ gantt3.$root.classList.add("gantt_noselect");
👎 ❌ document.body.className += " gantt_noselect";

@gearcoded
Copy link

@scrodde,
I think resizing should work correctly when Gantt is inside ShadowDOM.
Here is an example:
https://snippet.dhtmlx.com/ags77z42

If there are some issues, it is hard to suggest what might be wrong as I don't see your code.
In that case, please add your configuration to the following snippet and make sure that the issue is reproduced there:
https://snippet.dhtmlx.com/40tsh9uz
Then, click on the Save button and send me the link.
Or send me a ready demo with all the necessary JavaScript and CSS files so that I can reproduce the issue locally.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants