From 004d92d341c7262aac8053217d7e2209b1b20767 Mon Sep 17 00:00:00 2001
From: thiemowmde <thiemo.kreuz@wikimedia.de>
Date: Fri, 20 Jan 2023 12:20:34 +0100
Subject: [PATCH] Work around Firefox bug affecting
 LazyMultilineTextInputWidget
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Before the `height: 2.5em` was applied to _both_ the visible
<textarea> and the $clone. While this shouldn't make a difference –
one of the first things .adjustSize() does is setting the $clones
height to 0 – it somehow triggered that Firefox bug.

With this patch we remove the `height: 2.5em` before handing over to
OOUI's .adjustSize(). It looks like this fixes the issue. We might
be able to revert I7560ceb then.

Bug: T317369
Change-Id: I96c2d7d7bf359ff0373d478b2b7e97c8833ba5b6
---
 modules/ve-mw/ui/styles/pages/ve.ui.MWParameterPage-default.css | 2 +-
 .../ve-mw/ui/widgets/ve.ui.MWLazyMultilineTextInputWidget.js    | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/modules/ve-mw/ui/styles/pages/ve.ui.MWParameterPage-default.css b/modules/ve-mw/ui/styles/pages/ve.ui.MWParameterPage-default.css
index 1d8397b16e..7b7378e152 100644
--- a/modules/ve-mw/ui/styles/pages/ve.ui.MWParameterPage-default.css
+++ b/modules/ve-mw/ui/styles/pages/ve.ui.MWParameterPage-default.css
@@ -31,6 +31,6 @@
 	color: #54595d;
 }
 
-.ve-ui-mwParameterPage .oo-ui-textInputWidget textarea {
+.ve-ui-mwLazyMultilineTextInputWidget-collapsed {
 	height: 2.5em;
 }
diff --git a/modules/ve-mw/ui/widgets/ve.ui.MWLazyMultilineTextInputWidget.js b/modules/ve-mw/ui/widgets/ve.ui.MWLazyMultilineTextInputWidget.js
index ba52edc620..f17c9b3639 100644
--- a/modules/ve-mw/ui/widgets/ve.ui.MWLazyMultilineTextInputWidget.js
+++ b/modules/ve-mw/ui/widgets/ve.ui.MWLazyMultilineTextInputWidget.js
@@ -30,8 +30,10 @@ ve.ui.MWLazyMultilineTextInputWidget = function VeUiMWLazyMultilineTextInputWidg
 
 	// Check autosize is set, but if it isn't you probably shouldn't be using this widget!
 	if ( this.autosize ) {
+		this.$input.addClass( 've-ui-mwLazyMultilineTextInputWidget-collapsed' );
 		this.autosize = false;
 		this.$input.one( 'focus', function () {
+			widget.$input.removeClass( 've-ui-mwLazyMultilineTextInputWidget-collapsed' );
 			widget.autosize = true;
 			widget.adjustSize();
 		} );