Make initial focus consistent in all instances of cr-drawer.

chrome/browser/resources/md_history/app.html

Index: chrome/browser/resources/md_history/app.html
diff --git a/chrome/browser/resources/md_history/app.html b/chrome/browser/resources/md_history/app.html
index e7de32477bf67335219fa98e70b9b769a38ca0be..fbbe077dcb807e0149345f7fa7409488abc70b35 100644
--- a/chrome/browser/resources/md_history/app.html
+++ b/chrome/browser/resources/md_history/app.html
@@ -28,6 +28,10 @@
         background: var(--md-toolbar-color);
       }
 
+      .drawer-header {
+        outline: none;

[tsergeant, 2017/03/07 01:54:01]

Nit: Can this live in cr-drawer directly, to avoid duplicating it everywhere?

[Dan Beam, 2017/03/07 01:57:36]

if we create a slot and wrap it like in cr-dialog

https://cs.chromium.org/chromium/src/ui/webui/resources/cr_elements/cr_dialog...

[tsergeant, 2017/03/07 01:58:43]

There's already some CSS in cr-drawer for .drawer-header:
https://cs.chromium.org/chromium/src/ui/webui/resources/cr_elements/cr_drawer...

[Dan Beam, 2017/03/07 02:28:35]

I kind of meant:

<dom-module id="cr-drawer">
  <template>
    <style>
      .header-wrapper {
        outline: none;
      }
    </style>
    <div class="header-wrapper" tabindex="-1">
      <content select=".drawer-header"></content>
    </div>
  </template>
</dom-module>

<dialog is="cr-drawer">
  <div class="drawer-header">$i18n{title}</div>
</dialog>

or just make a drawerHeader: String attribute and lay it out, I guess...

+      }
+
       /* Sizing this with flex causes slow load performance, see
        * crbug.com/618153. TODO(dbeam): is this still an issue? */
       #main-container {
@@ -114,7 +118,7 @@
 
     <template is="cr-lazy-render" id="drawer">
       <dialog is="cr-drawer" swipe-open>
-        <div class="drawer-header">$i18n{title}</div>
+        <div class="drawer-header" tabindex="-1">$i18n{title}</div>
         <history-side-bar id="drawer-side-bar" class="drawer-content"
             selected-page="{{selectedPage_}}"
             show-footer="[[showSidebarFooter]]">