Handle CapsLock on macOS

Modifiers behave a bit oddly on macOS, causing weird CapsLock events
to be sent by the browsers.

1 files changed, 18 insertions, 0 deletions

diff --git a/core/input/devices.js b/core/input/devices.js
index 2c9af31..1efcfb5 100644
--- a/core/input/devices.js
+++ b/core/input/devices.js
@@ -146,6 +146,17 @@ Keyboard.prototype = {
             keysym = this._keyDownList[code];
         }
 
+        // macOS doesn't send proper key events for modifiers, only
+        // state change events. That gets extra confusing for CapsLock
+        // which toggles on each press, but not on release. So pretend
+        // it was a quick press and release of the button.
+        if (isMac() && (code === 'CapsLock')) {
+            this._sendKeyEvent(KeyTable.XK_Caps_Lock, 'CapsLock', true);
+            this._sendKeyEvent(KeyTable.XK_Caps_Lock, 'CapsLock', false);
+            stopEvent(e);
+            return;
+        }
+
         // If this is a legacy browser then we'll need to wait for
         // a keypress event as well
         if (!keysym) {
@@ -200,6 +211,13 @@ Keyboard.prototype = {
 
         var code = this._getKeyCode(e);
 
+        // See comment in _handleKeyDown()
+        if (isMac() && (code === 'CapsLock')) {
+            this._sendKeyEvent(KeyTable.XK_Caps_Lock, 'CapsLock', true);
+            this._sendKeyEvent(KeyTable.XK_Caps_Lock, 'CapsLock', false);
+            return;
+        }
+
         // Do we really think this key is down?
         if (!(code in this._keyDownList)) {
             return;