Fix print preview control button order for views.

chrome/browser/resources/print_preview/print_header.js

 // Copyright (c) 2011 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.
 
 cr.define('print_preview', function() {
   'use strict';
 
   /**
    * Creates a PrintHeader object. This object encapsulates all the elements
    * and logic related to the top part of the left pane in print_preview.html.
    * @constructor
    */
   function PrintHeader() {
+    // Reverse the button strip for views. See the documentation of
+    // reverseButtonStrip_() for an explanation of why this is necessary.
+    // Do this early so the reversal is not visible.
+    if (cr.isViews)
+      this.reverseButtonStrip_();
+
     this.printButton_ = $('print-button');
     this.cancelButton_ = $('cancel-button');
     this.summary_ = $('print-summary');
     this.printButton_.focus();
     this.addEventListeners_();
   }
 
   cr.addSingletonGetter(PrintHeader);
 
   PrintHeader.prototype = {
@@ skipping 131 matching lines @@
       } else {
         html = localStrings.getStringF('printPreviewSummaryFormatShort',
                                        '<b>' + numOfSheets + '</b>',
                                        '<b>' + summaryLabel + '</b>');
       }
 
       // Removing extra spaces from within the string.
       html = html.replace(/\s{2,}/g, ' ');
       this.summary_.innerHTML = html;
     },
+
+    /**
+     * Reverses the child elements of a button strip. This is necessary because
+     * WebKit does not alter the tab order for elements that are visually
+     * reversed using -webkit-box-direction: reverse, and the button order is
+     * reversed for views.  See https://bugs.webkit.org/show_bug.cgi?id=62664
+     * for more information.
+     * @private
+     */
+    reverseButtonStrip_: function() {
+      var buttonStrips = document.querySelectorAll('.button-strip');
+
+      // Reverse all button-strips in the overlay.
+      for (var j = 0; j < buttonStrips.length; j++) {
+        var buttonStrip = buttonStrips[j];
+
+        var childNodes = buttonStrip.childNodes;
+        for (var i = childNodes.length - 1; i >= 0; i--)
+          buttonStrip.appendChild(childNodes[i]);
+      }
+    },
   };
 
   return {
     PrintHeader: PrintHeader,
   };
 });