show-editor Intercept Not Triggering After First Use

EntchenEric

Hello,

I'm trying to replace the default Task Editor by using the show-editor intercept. It works the first time, but when I close my custom editor and double-click a task again, the default editor opens instead, and my callback is not triggered.

I’ve already tried detaching and re-registering the intercept after the callback is called, but that didn’t resolve the issue.

Is there something I’m missing?

Here’s my intercept implementation:

const onEditorShow = (data: ShowEditor) => {
    console.log("data: ", data);
    const task = basicTasks.find(t => t.id === data.id);
    setSelectedTask(task || null);
    setEditorOpen(true);
    return false;
  }
current.intercept("show-editor", onEditorShow)

tasha

Hello
To access the Gantt api you need to apply the init handler ( init={(api) => (apiRef.current = api)}) that takes api as the parameter this way:
<Gantt init={(api) => (apiRef.current = api)} tasks={data.tasks} />
Unfortunately there is an inaccuracy in the documentation, we will fix it in the future.

EntchenEric

Hello Tasha,

Thank you for your previous response; I appreciate the clarification about using the init handler. With this approach, my custom editor opens correctly the first time. However, I’m still experiencing an issue where the default editor reappears after closing my custom editor and double-clicking a task again.

To make things clearer, I’ve recorded a short video demonstrating the behavior: https://imgur.com/a/IgHTQ9I.

Here’s the code I’m currently using:

const apiRef = createRef();

useEffect(() => {
    if (apiRef.current && api) {
        const current = apiRef.current;

        if (api.onShowEditor) {
            current.intercept("show-editor", api.onShowEditor);
        }
    }
}, []);

return (
    <Gantt
        init={(api: any) => (apiRef.current = api)}
        readonly={readonly}
        tasks={tasks}
        setTasks={setTasks}
        links={links}
        scales={scales}
    />
);

The api.onShowEditor callback works as expected and has been thoroughly tested. However, I suspect there might be an issue with how the intercept is applied after the first execution. I’ve already tried detaching and re-registering the intercept within the callback, but that hasn’t resolved the issue.

Could you let me know if there’s something I’ve misunderstood in my implementation or if there’s a better way to ensure the intercept consistently overrides the default editor?

Thank you in advance for your help!