NWjs: Chat-Kopf-Klick funktioniert nicht, wenn -webkit-app-region: drag eingestellt ist

Question

Ich versuche eine Chat-Anwendung zu erstellen, die Chat-Kopf hat, wenn der Benutzer nicht chattet. Auf Chat-Kopf klicken Ich möchte die Liste der Chats öffnen.

Problem

Um Chat-Köpfe ziehbar zu machen, ich habe das mit -webkit-app-region ist -webkit-app-region: drag

Das Problem eingestellt, dass, wenn es dann die Maus gesetzt Klicks nicht funktioniert .

Bitte schlagen Sie vor, was ich tun soll.

Answer 1

konnte ich keine dokumentierte Lösung für diese jedoch auf der GitHub ich eine Abhilfe Quelle

gefunden finden: Git disussion thread

Hier ist die Abhilfe

$(document).ready(function() { 

    var wX = 0; 
    var wY = 0; 
    var dragging = false; 
    $('#chatIcon').mousedown(function (e) { 
     dragging = true; 
     wX = e.pageX; 
     wY = e.pageY; 
    }); 

    $(window).mousemove(function (e) { 
     e.stopPropagation(); 
     e.preventDefault(); 
     if (dragging) { 
      var xLoc = e.screenX - wX; 
      var yLoc = e.screenY - wY; 


      try { 
       window.moveTo(xLoc, yLoc); 
      } catch (err) { 
       console.log(err); 
      } 

     } 

    }); 

    $(window).mouseup(function() { 
     dragging = false; 
    }); 
});