Added a floating touch.

js/h5p.js

@@ -807,8 +807,11 @@ H5P.openEmbedDialog = function ($element, embedCode, resizeCode, size) {
       H5P.jQuery(this).select().css('height', this.scrollHeight + 'px');
       positionInner();
     }).blur(function () {
-      H5P.jQuery(this).css('height', '');
+      var $area = H5P.jQuery(this);
+      setTimeout(function () {
+        $area.css('height', '');
         positionInner();
+      }, 100);
     }).select();
 
     // Expand advanced embed

styles/h5p.css

@@ -253,6 +253,7 @@ div.h5p-fullscreen {
   left: 50%;
   top: 50%;
   margin: 0 0 0 -150px;
+  transition: margin 250ms linear 100ms;
 }
 .h5p-embed-dialog .h5p-embed-code-container,
 .h5p-embed-size {
@@ -353,6 +354,7 @@ div.h5p-fullscreen {
   font-size: 1.125em;
   outline: none;
   margin: 0.5em 0 0;
+  display: inline-block;
 }
 .h5p-expander:before {
   content: "+";