Bug 769642/766935 - Only show toolbar once the reader content is shown (r=mfinkle)

mobile/android/chrome/content/aboutReader.html

@@ -17,7 +17,7 @@
   <div id="reader-content" class="content">
   </div>
 
-  <ul id="reader-toolbar" class="toolbar">
+  <ul id="reader-toolbar" class="toolbar toolbar-hidden">
     <a id="share-button" class="button share-button" href="#"></a>
     <li class="dropdown">
       <a class="dropdown-toggle button style-button" href="#"></a>

mobile/android/chrome/content/aboutReader.js

@@ -36,6 +36,8 @@ let AboutReader = {
     this._contentElement = document.getElementById("reader-content");
     this._toolbarElement = document.getElementById("reader-toolbar");
 
+    this._toolbarEnabled = false;
+
     this._scrollOffset = window.pageYOffset;
 
     let body = document.body;
@@ -196,6 +198,9 @@ let AboutReader = {
     if (history.state)
       history.back();
 
+    if (!this._toolbarEnabled)
+      return;
+
     if (this._getToolbarVisibility() === visible)
       return;
 
@@ -251,6 +256,9 @@ let AboutReader = {
     this._contentElement.style.display = "block";
 
     document.title = article.title;
+
+    this._toolbarEnabled = true;
+    this._setToolbarVisibility(true);
   },
 
   _hideContent: function Reader_hideContent() {