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

chrome/browser/resources/md_history/app.html

 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/html/cr/ui.html">
 <link rel="import" href="chrome://resources/html/cr/ui/command.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-media-query/iron-media-query.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-pages/iron-pages.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-scroll-target-behavior/iron-scroll-target-behavior.html">
 <link rel="import" href="chrome://history/history_list.html">
 <link rel="import" href="chrome://history/history_toolbar.html">
 <link rel="import" href="chrome://history/query_manager.html">
 <link rel="import" href="chrome://history/router.html">
@@ skipping 95 matching lines @@
               search-term="[[queryState_.searchTerm]]"
               sign-in-state="[[isUserSignedIn_]]"
               path="syncedTabs">
           </history-synced-device-manager>
         </template>
       </iron-pages>
       <div id="drop-shadow"></div>
     </div>
 
     <template is="cr-lazy-render" id="drawer">
-      <dialog is="cr-drawer" swipe-open>
-        <div class="drawer-header">$i18n{title}</div>
+      <dialog is="cr-drawer" title="$i18n{title}" swipe-open>
         <history-side-bar id="drawer-side-bar" class="drawer-content"
             selected-page="{{selectedPage_}}"
             show-footer="[[showSidebarFooter]]">
         </history-side-bar>
       </dialog>
     </template>
 
     <iron-media-query query="(max-width: 1023px)"
         query-matches="{{hasDrawer_}}">
     </iron-media-query>
   </template>
   <script src="chrome://history/app.js"></script>
 </dom-module>