Drop event not firing on wpf grid

<div dropzone="move" @ondrop="OnDrop" ondragover="event.preventDefault();" style="background-color:green;color:white;width:200px;height:200px;">
    and drop me here
</div>

{
    headerName: 'Type Of Pin',
    field: 'pinType',
    width: 160,
    cellRenderer: this.typeOfPin.bind(this),
    suppressSorting: true
}

typeOfPin(params) {
    console.log(params);
    const eDiv = document.createElement('div');
    // tslint:disable-next-line:no-this-assignment
    const self = this;
    eDiv.innerHTML =
        '<select placeholder="Select" class="form-control ag-form-control">' +
        '<option></option>' +
        '<option value="number">Number</option>' +
        '<option value="random">Random</option>' +
        '</select>';
    eDiv.addEventListener('change', () => {
        console.log('button clicked');
        self.test(event.target.value);
    });

    return eDiv;
}