Gallery: Correct tab order of modal tool bar in edit mode.

ui/file_manager/gallery/js/slide_mode.js

 // Copyright 2014 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.
 
 /**
  * Slide mode displays a single image and has a set of controls to navigate
  * between the images and to edit an image.
  *
  * @param {!HTMLElement} container Main container element.
  * @param {!HTMLElement} content Content container element.
@@ skipping 391 matching lines @@
    * @private
    * @const
    */
   this.editBarMain_ = util.createChild(this.editBarSpacer_, 'edit-main');
 
   /**
    * @type {!HTMLElement}
    * @private
    * @const
    */
-  this.editBarMode_ = util.createChild(this.container_, 'edit-modal');
+  this.editBarMode_ =
+      /** @type {!HTMLElement} */ (document.createElement('div'));
+  this.editBarMode_.className = 'edit-modal';
+  // Edit modal bar should be inserted before the bottom toolbar to make the tab
+  // order and visual position consistent.
+  this.container_.insertBefore(
+      this.editBarMode_, document.querySelector('#bottom-toolbar'));
 
   /**
    * @type {!HTMLElement}
    * @private
    * @const
    */
   this.editBarModeWrapper_ = util.createChild(
       this.editBarMode_, 'edit-modal-wrapper dimmable');
   this.editBarModeWrapper_.hidden = true;
 
@@ skipping 1715 matching lines @@
 /**
  * Handles mouse up events.
  * @param {!Event} event Wheel event.
  * @private
  */
 TouchHandler.prototype.onMouseUp_ = function(event) {
   if (event.button !== 0)
     return;
   this.clickStarted_ = false;
 };