Meta keys should not match.

src/focus-visible.js

@@ -98,12 +98,18 @@ function applyFocusVisiblePolyfill(scope) {
   }
 
   /**
-   * Treat `keydown` as a signal that the user is in keyboard modality.
+   * If the most recent user interaction was via the keyboard;
+   * and the key press did not include a meta, alt/option, or control key;
+   * then the modality is keyboard. Otherwise, the modality is not keyboard.
    * Apply `focus-visible` to any current active element and keep track
    * of our keyboard modality state with `hadKeyboardEvent`.
-   * @param {Event} e
+   * @param {KeyboardEvent} e
    */
   function onKeyDown(e) {
+    if (e.metaKey || e.altKey || e.ctrlKey) {
+      return;
+    }
+
     if (isValidFocusTarget(scope.activeElement)) {
       addFocusVisibleClass(scope.activeElement);
     }

test/specs/meta-keys.js

@@ -0,0 +1,56 @@
+const { fixture, FOCUS_RING_STYLE } = require('./helpers');
+const { Key, By } = require('selenium-webdriver');
+const expect = require('expect');
+const driver = global.__driver;
+
+describe('meta keys', function() {
+  before(function() {
+    // Skip these tests in Edge and IE because it's unclear how to get focus
+    // back to the page when pressing the Windows meta key without clicking
+    // on the page which would sort of negate the test.
+    if (
+      process.env.TEST_BROWSER.includes('Edge') ||
+      process.env.TEST_BROWSER.includes('Internet Explorer')
+    ) {
+      this.skip();
+    }
+  });
+
+  beforeEach(function() {
+    return fixture('button.html');
+  });
+
+  let el;
+  beforeEach(async function() {
+    el = await driver.findElement(By.css('#el'));
+  });
+
+  it('should NOT apply .focus-visible if the ctrl key is pressed', async function() {
+    await el.click();
+    // Simulates "ctrl - b".
+    // Key.NULL tells selenium to clear the pressed state for the modifier key.
+    await el.sendKeys(Key.CONTROL, 'b', Key.NULL);
+    let actual = await driver.executeScript(`
+      return window.getComputedStyle(document.querySelector('#el')).outlineColor
+    `);
+    expect(actual).toNotEqual(FOCUS_RING_STYLE);
+  });
+
+  it('should NOT apply .focus-visible if the meta key is pressed', async function() {
+    await el.click();
+    await el.sendKeys(Key.META, 'b', Key.NULL);
+    let actual = await driver.executeScript(`
+      return window.getComputedStyle(document.querySelector('#el')).outlineColor
+    `);
+    expect(actual).toNotEqual(FOCUS_RING_STYLE);
+  });
+
+  it('should NOT apply .focus-visible if the option/alt key is pressed', async function() {
+    await el.click();
+    await el.sendKeys(Key.ALT, 'b', Key.NULL);
+    let actual = await driver.executeScript(`
+      return window.getComputedStyle(document.querySelector('#el')).outlineColor
+    `);
+    expect(actual).toNotEqual(FOCUS_RING_STYLE);
+  });
+});