try our best to handle context-menu clicks

Author: marijnh

lib/codemirror.css

@@ -45,6 +45,5 @@ span.CodeMirror-selected {
   background: Highlight !important;
 }
 
-
 .CodeMirror-matchingbracket {color: #0f0 !important;}
 .CodeMirror-nonmatchingbracket {color: #f22 !important;}

lib/codemirror.js

@@ -59,7 +59,7 @@ var CodeMirror = (function() {
     var shiftSelecting, reducedSelection;
     // Variables used by startOperation/endOperation to track what
     // happened during the operation.
-    var updateInput, changes, textChanged, selectionChanged;
+    var updateInput, changes, textChanged, selectionChanged, leaveInputAlone;
     // Current visible range (may be bigger than the view window).
     var showingFrom = 0, showingTo = 0, lastHeight = 0, curKeyId = null;
     // editing will hold an object describing the things we put in the
@@ -75,6 +75,10 @@ var CodeMirror = (function() {
 
     // Register our event handlers.
     connect(wrapper, "mousedown", operation(onMouseDown));
+    // Gecko browsers fire contextmenu *after* opening the menu, at
+    // which point we can't mess with it anymore. Context menu is
+    // handled in onMouseDown for Gecko.
+    if (!gecko) connect(wrapper, "contextmenu", operation(onContextMenu));
     connect(code, "dblclick", operation(onDblClick));
     connect(wrapper, "scroll", function() {updateDisplay([]); if (options.onScroll) options.onScroll(instance);});
     connect(window, "resize", function() {updateDisplay(true);});
@@ -89,6 +93,7 @@ var CodeMirror = (function() {
     connect(wrapper, "drop", operation(onDrop));
     connect(wrapper, "paste", function(){input.focus(); fastPoll();});
     connect(input, "paste", function(){fastPoll();});
+    connect(input, "cut", function(){fastPoll();});
 
     if (document.activeElement == input) onFocus();
     else onBlur();
@@ -194,12 +199,13 @@ var CodeMirror = (function() {
           return e.stop();
         }
 
+      if (gecko && e.button() == 3) onContextMenu(e);
+      if (e.button() != 1) return;
       // For button 1, if it was clicked inside the editor
       // (posFromMouse returning non-null), we have to adjust the
       // selection.
       var start = posFromMouse(e), last = start, going;
       if (!start) {if (e.target() == wrapper) e.stop(); return;}
-      if (e.button() != 1) return; // TODO can we make copy/cut context menu work?
       setCursor(start.line, start.ch, false);
 
       if (!focused) onFocus();
@@ -1053,6 +1059,29 @@ var CodeMirror = (function() {
       var line = showingFrom + Math.floor(y / lineHeight());
       return clipPos({line: line, ch: charFromX(clipLine(line), x)});
     }
+    function onContextMenu(e) {
+      var pos = posFromMouse(e);
+      if (!pos || window.opera) return; // Opera is difficult.
+      if (posEq(sel.from, sel.to) || posLess(pos, sel.from) || !posLess(pos, sel.to))
+        setCursor(pos.line, pos.ch);
+
+      var oldCSS = input.style.cssText;
+      input.style.cssText = "position: fixed; width: 30px; height: 30px; top: " + (e.pageY() - 1) +
+        "px; left: " + (e.pageX() - 1) + "px; z-index: 1000; background: white; " +
+        "border-width: 0; outline: none; overflow: hidden;";
+      var val = input.value = getSelection();
+      input.focus();
+      setSelRange(input, 0, val.length);
+      if (gecko) e.stop();
+      leaveInputAlone = true;
+      setTimeout(function() {
+        if (input.value != val) operation(replaceSelection)(input.value, "end");
+        input.style.cssText = oldCSS;
+        leaveInputAlone = false;
+        prepareInput();
+        slowPoll();
+      }, 50);
+    }
 
     // Cursor-blinking
     function restartBlink() {
@@ -1183,7 +1212,7 @@ var CodeMirror = (function() {
 
       // updateInput can be set to a boolean value to force/prevent an
       // update.
-      if (updateInput === true || (updateInput !== false && selectionChanged))
+      if (!leaveInputAlone && (updateInput === true || (updateInput !== false && selectionChanged)))
         prepareInput();
 
       if (selectionChanged && options.onCursorActivity)
@@ -1742,6 +1771,8 @@ var CodeMirror = (function() {
     pre.innerHTML = " "; return !pre.innerHTML;
   })();
 
+  var gecko = /gecko\/\d{7}/i.test(navigator.userAgent);
+
   var lineSep = "\n";
   // Feature-detect whether newlines in textareas are converted to \r\n
   (function () {