HTML-элементы, которые я добавляю на Google Диск, не работают

Я создал расширение Chrome, которое активируется, когда я захожу в указанную папку на Google Диске. Это расширение добавляет в эту папку схему, созданную с помощью D3.js, как вы можете видеть на следующем рисунке:

Помимо диаграммы, он также добавляет раскрывающийся список, но проблема в том, что он не работает, когда я нажимаю на него (он не показывает параметры). Единственное, что он делает, это создает прямоугольник для выбора элементов, как вы можете видеть на следующем рисунке:

Я пытался добавить другие элементы HTML на Google Диск, например кнопки, но они тоже не работали. Кажется, что Google Диск деактивирует событие onclick добавляемых мной элементов html.

Код выпадающего списка:

d3.select("#divSelect")
    .append("select")
    .attr("class","desplegable")
    .attr("id","desplegable")
    .on('change',function (d,i) {
        var grupoSeleccionado = d3.select("#desplegable").node().value; //Examen seleccionado
        if (grupoSeleccionado= = "Total"){ //Vision general de los examenes
            dibujarSpiderChart(data);

        } else { //Vision de un examen en concreto
            var notasAlumnoExamen=_.filter(data[0],{'group':grupoSeleccionado});
            var notasMediasExamen=_.filter(data[1],{'group':grupoSeleccionado});
            var dataGrupo=[];
            dataGrupo.push(notasAlumnoExamen);
            dataGrupo.push(notasMediasExamen);
            dibujarSpiderChart(dataGrupo);
        }
        ;})
    .selectAll("option")
    .data(gruposLista)
    .enter()
    .append("option")
    .attr("value", function (d) { return d.id; })
    .text(function (d) { return d.nombre; });