diff --git a/js/h5p.js b/js/h5p.js index d193881..1a3aecc 100644 --- a/js/h5p.js +++ b/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', ''); - positionInner(); + var $area = H5P.jQuery(this); + setTimeout(function () { + $area.css('height', ''); + positionInner(); + }, 100); }).select(); // Expand advanced embed diff --git a/styles/h5p.css b/styles/h5p.css index b4478b9..37a6b62 100644 --- a/styles/h5p.css +++ b/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: "+";