DevTools: Add keyboard focus highlight when focusing window

third_party/WebKit/Source/devtools/front_end/ui/UIUtils.js

 /*
  * Copyright (C) 2011 Google Inc.  All rights reserved.
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2007 Matt Lilek (pewtermoose@gmail.com).
  * Copyright (C) 2009 Joseph Pecoraro
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
@@ skipping 693 matching lines @@
   return shadowRoot;
 };
 
 /**
  * @param {!Document} document
  * @param {!Event} event
  */
 UI._windowFocused = function(document, event) {
   if (event.target.document.nodeType === Node.DOCUMENT_NODE)
     document.body.classList.remove('inactive');
+  UI._keyboardFocus = true;
+  document.defaultView.requestAnimationFrame(() => UI._keyboardFocus = false);
 };
 
 /**
  * @param {!Document} document
  * @param {!Event} event
  */
 UI._windowBlurred = function(document, event) {
   if (event.target.document.nodeType === Node.DOCUMENT_NODE)
     document.body.classList.add('inactive');
 };
@@ skipping 405 matching lines @@
  */
 UI.initializeUIUtils = function(document, themeSetting) {
   document.body.classList.toggle('inactive', !document.hasFocus());
   document.defaultView.addEventListener('focus', UI._windowFocused.bind(UI, document), false);
   document.defaultView.addEventListener('blur', UI._windowBlurred.bind(UI, document), false);
   document.addEventListener('focus', UI._focusChanged.bind(UI), true);
   document.addEventListener('keydown', event => {
     UI._keyboardFocus = true;
     document.defaultView.requestAnimationFrame(() => UI._keyboardFocus = false);
   }, true);
+  document.addEventListener('mousedown', () => {

[dgozman, 2017/06/06 22:10:30]

Let's move this listener to _windowFocused.

[einbinder, 2017/06/07 02:01:43]

Done.

+    var activeElement = document.deepActiveElement();
+    if (activeElement)
+      activeElement.removeAttribute('data-keyboard-focus');
+    UI._keyboardFocus = false;
+  }, true);
 
   if (!UI.themeSupport)
     UI.themeSupport = new UI.ThemeSupport(themeSetting);
   UI.themeSupport.applyTheme(document);
 
   var body = /** @type {!Element} */ (document.body);
   UI.appendStyle(body, 'ui/inspectorStyle.css');
   UI.GlassPane.setContainer(/** @type {!Element} */ (document.body));
 };
 
@@ skipping 887 matching lines @@
  */
 UI.createInlineButton = function(toolbarButton) {
   var element = createElement('span');
   var shadowRoot = UI.createShadowRootWithCoreStyles(element, 'ui/inlineButton.css');
   element.classList.add('inline-button');
   var toolbar = new UI.Toolbar('');
   toolbar.appendToolbarItem(toolbarButton);
   shadowRoot.appendChild(toolbar.element);
   return element;
 };