Событие dblclick не работает в Safari и Chrome (библиотека d3.js)

Question

Я использую библиотеку d3.js для создания групповых элементов («g»), по которым можно дважды щелкнуть, чтобы что-то сделать. В Firefox все работает отлично, но в Safari или Chrome не запускается. Что-нибудь, что мне нужно добавить в index.html, чтобы все заработало?

https://developer.mozilla.org/en-US/docs/Web/API/Element/dblclick_event

Вот как я добавил событие dblclick к элементам группы в файле javascript:

        let pflichtveranstaltungen = d3
    .select(".studyplan-schedule")
    .select("svg")
    .selectAll("pf")
    .data(dataPflichtveranstaltungen)
    .enter()
    .append("g")
    .attr("transform", (d) => "translate (" + d.x + ", " + d.y + ")")
    .attr("id", (d) => d.name)
    .attr("initialX", (d) => d.x)
    .attr("initialY", (d) => d.y)
    .attr("currentX", (d) => d.x)
    .attr("currentY", (d) => d.y)
    .attr("area", (d) => d.area)
    .attr("ects", (d) => d.ects)
    .attr("prerequisites", (d) => d.prerequisites)
    .attr("completed", "false")
    .call(dragHandler)
    .on("dblclick", completed);

Вот ссылка на случай, если вы захотите попробовать сами:http://stud1.cs.uni-koeln.de/studyplan/dist/

Это мой первый вопрос, поэтому, пожалуйста, дайте мне знать, если вам нужна дополнительная информация.

Спасибо вам всем!