2 files changed, 33 insertions, 3 deletions
diff --git a/extensions/InputBox/resources/ext.inputBox.js b/extensions/InputBox/resources/ext.inputBox.js
new file mode 100644
index 00000000..2469fd13
--- /dev/null
+++ b/extensions/InputBox/resources/ext.inputBox.js
@@ -0,0 +1,29 @@
+/**
+ * Disable InputBox submit button when the corresponding text input field is empty.
+ *
+ * @author Tony Thomas
+ * @license http://www.gnu.org/copyleft/gpl.html GNU General Public License 2.0 or later
+ */
+( function ( $, mw ) {
+	'use strict';
+	mw.hook( 'wikipage.content' ).add( function( $content ) {
+		var $input = $content.find( '.createboxInput:not([type=hidden])' ),
+			onChange = function() {
+			var $textbox = $( this ),
+				$submit = $textbox.data( 'form-submit' );
+
+			if ( !$submit ) {
+				$submit = $textbox.nextAll( 'input.createboxButton' ).first();
+				$textbox.data( 'form-submit', $submit );
+			}
+
+			$submit.prop( 'disabled', $textbox.val().length < 1 );
+		}, i;
+
+		for ( i = 0; i < $input.length; i++ ) {
+			onChange.call( $input.get( i ) );
+		}
+
+		$input.on( 'keyup input change', $.debounce( 50, onChange ) );
+	} );
+}( jQuery, mediaWiki ) );
diff --git a/extensions/InputBox/resources/ext.inputBox.styles.css b/extensions/InputBox/resources/ext.inputBox.styles.css
index 30916f57..9a996a4a 100644
--- a/extensions/InputBox/resources/ext.inputBox.styles.css
+++ b/extensions/InputBox/resources/ext.inputBox.styles.css
@@ -8,7 +8,8 @@
 	display: inline;
 }
 
-.inputbox-element {
-	display: inline;
+.mw-inputbox-element {
+	/* important is needed to overwrite display:table from mw-ui checkbox */
+	display: inline-table !important;
 	white-space: nowrap;
-}
-\ No newline at end of file
+}