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

Question

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

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

Я пытался добавить другие элементы HTML в Google Drive, такие как кнопкино они тоже не работали.Похоже, что Google Drive отключает событие 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; });