NWjs: Clic tête de chat ne fonctionne pas si -webkit-app-région: glisser est défini

Question

J'essaie de créer une application de chat qui a la tête de chat lorsque l'utilisateur ne discute pas. Sur la tête de clavardage cliquez sur Je veux ouvrir la liste des chats.

Problème

Afin de faire des têtes de chat draggable, j'ai mis le -webkit-app-region: drag

Le problème avec -webkit-app-region est que si elle est définie alors les clics de souris ne fonctionnent pas .

Suggérez ce que je dois faire.

Answer 1

Je ne pouvais pas trouver une solution documentée pour cela, cependant sur le github j'ai trouvé une solution

Source: Git disussion thread

Voici la solution

$(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; 
    }); 
});