Fix click-to-play positioning.

BUG=370687

Review URL: https://codereview.chromium.org/335853004

git-svn-id: svn://svn.chromium.org/chrome/trunk/src@277127 0039d316-1c4b-4281-b951-d872f2087c98

remoting/webapp/client_plugin.js

@@ -169,9 +169,8 @@ remoting.ClientPlugin.prototype.handleMessageMethod_ = function(message) {
   };
 
   if (message.method == 'hello') {
-    // Reset the size in case we had to enlarge it to support click-to-play.
-    this.plugin.style.width = '0px';
-    this.plugin.style.height = '0px';
+    // Resize in case we had to enlarge it to support click-to-play.
+    this.hidePluginForClickToPlay_();
     this.pluginApiVersion_ = getNumberAttr(message.data, 'apiVersion');
     this.pluginApiMinVersion_ = getNumberAttr(message.data, 'apiMinVersion');
 
@@ -703,10 +702,22 @@ remoting.ClientPlugin.prototype.showPluginForClickToPlay_ = function() {
     this.plugin.style.width = width + 'px';
     this.plugin.style.height = height + 'px';
     // Center the plugin just underneath the "Connnecting..." dialog.
-    var parentNode = this.plugin.parentNode;
     var dialog = document.getElementById('client-dialog');
     var dialogRect = dialog.getBoundingClientRect();
-    parentNode.style.top = (dialogRect.bottom + 16) + 'px';
-    parentNode.style.left = (window.innerWidth - width) / 2 + 'px';
+    this.plugin.style.top = (dialogRect.bottom + 16) + 'px';
+    this.plugin.style.left = (window.innerWidth - width) / 2 + 'px';
+    this.plugin.style.position = 'fixed';
   }
 };
+
+/**
+ * Undo the CSS rules needed to make the plugin clickable for click-to-play.
+ * @private
+ */
+remoting.ClientPlugin.prototype.hidePluginForClickToPlay_ = function() {
+  this.plugin.style.width = '';
+  this.plugin.style.height = '';
+  this.plugin.style.top = '';
+  this.plugin.style.left = '';
+  this.plugin.style.position = '';
+};