javascript - Unable to move cursor using mouse in the textarea on custom overlay view google maps -


i have added textarea custom overlay of google maps. keyboard events work fine. im unable move cursor using mouse in textarea.

custominfowindow.prototype.draw = function(latlng) {

      var point, panes, me = this, closeimg, div, = this;       // check if div has been created.       if(latlng){          this.latlng_ = latlng;       }       div = this.div_;       if (!div) {          // create overlay text div         div = this.div_ = document.createelement('div');         this.div =div;         // create div representing our custominfowindow         div.style.border = "none";         div.style.position = "absolute";         div.style.paddingleft = "0px";         div.style.cursor = 'pointer';         $(div).addclass('custom-info-panel');         div.style.display = 'none';         // add overlay dom         panes = this.getpanes();         panes.overlaymousetarget.appendchild(div);         if(this.callback){           this.callback(this.div_, this.infoview);         }         if(this.showclosebtn){           $(div).append('<div class="info-close btn-close" id="btn_close"></div>');           closeimg = div.queryselector('#btn_close');           closeimg.style.cursor = "pointer";           $(this.div_).find('#btn_close').bind( "click", function(event) {\             $('.popover').removeclass('in').remove();             me.div_.style.display = 'none';             if(typeof me.infoview.marker != 'undefined' && me.infoview.marker.update_type == 'alert'){                var trip_id = me.div_.getelementsbyclassname("alert_trip_code")[0].innerhtml.trim();               $(".alert_info_contact_details_" + trip_id).css("display", "none");             }             event.stoppropagation();             // clear timeout set toggle window.             that.stoptimeout();           });         }       }        // position overlay       point = this.getprojection().fromlatlngtodivpixel(this.latlng_);       if (point) {          div.style.left = (point.x + 10)  + 'px';         div.style.top = (point.y - 15) + 'px';       }     }; 

this code to draw custom overlay. on overlay im not able move cursor mouse. can move cursor keyboard.


Comments