DevTools: all swatches should have a default focused element

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

 // Copyright (c) 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 /**
  * @unrestricted
  */
 UI.BezierEditor = class extends UI.VBox {
   constructor() {
     super(true);
     this.registerRequiredCSS('ui/bezierEditor.css');
     this.contentElement.tabIndex = 0;
+    this.setDefaultFocusedElement(this.contentElement);
 
     // Preview UI
     this._previewElement = this.contentElement.createChild('div', 'bezier-preview-container');
     this._previewElement.createChild('div', 'bezier-preview-animation');
     this._previewElement.addEventListener('click', this._startPreviewAnimation.bind(this));
     this._previewOnion = this.contentElement.createChild('div', 'bezier-preview-onion');
     this._previewOnion.addEventListener('click', this._startPreviewAnimation.bind(this));
 
     this._outerContainer = this.contentElement.createChild('div', 'bezier-container');
 
@@ skipping 239 matching lines @@
     {name: 'ease-out', value: 'ease-out'}, {name: 'Out · Sine', value: 'cubic-bezier(0.39, 0.58, 0.57, 1)'},
     {name: 'Out · Quadratic', value: 'cubic-bezier(0.25, 0.46, 0.45, 0.94)'},
     {name: 'Out · Cubic', value: 'cubic-bezier(0.22, 0.61, 0.36, 1)'},
     {name: 'Linear Out, Slow In', value: 'cubic-bezier(0, 0, 0.2, 1)'},
     {name: 'Out · Back', value: 'cubic-bezier(0.18, 0.89, 0.32, 1.28)'}
   ]
 ];
 
 /** @typedef {{presets: !Array.<{name: string, value: string}>, icon: !Element, presetIndex: number}} */
 UI.BezierEditor.PresetCategory;