mediawiki.action.edit.preview: Hide inserted div#wikiDiff by default

Avoids a redraw when the node is inserted because the <div> with
the placeholder table does have height (~ 5px). Causing it to move
everything below it after the page loads.

Bug: T92552
Change-Id: I43d44c070ce6b5861dd3ee0d9968475d24df59a3

diff --git a/resources/src/mediawiki.action/mediawiki.action.edit.preview.js b/resources/src/mediawiki.action/mediawiki.action.edit.preview.js
index 7e7fe91..3bf8e32 100644 (file)
--- a/resources/src/mediawiki.action/mediawiki.action.edit.preview.js
+++ b/resources/src/mediawiki.action/mediawiki.action.edit.preview.js
@@ -238,6 +238,7 @@
                if ( !document.getElementById( 'wikiDiff' ) && document.getElementById( 'wikiPreview' ) ) {
                        $( '#wikiPreview' ).after(
                                $( '<div>' )
+                                       .hide()
                                        .attr( 'id', 'wikiDiff' )
                                        .html( '<table class="diff"><col class="diff-marker"/><col class="diff-content"/>' +
                                                '<col class="diff-marker"/><col class="diff-content"/><tbody/></table>' )