modules/ve-mw/ui/widgets/ve.ui.MWLazyMultilineTextInputWidget.js
/*!
* VisualEditor UserInterface MWLazyMultilineTextInputWidget class.
*
* @copyright See AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
/**
* Creates a ve.ui.MWLazyMultilineTextInputWidget object.
*
* This widget is a hack to be used when you are building a UI
* that potentially contains lots of multi-line text input widgets,
* such as the template param editor.
*
* It defers the calculation of the auto height until the first focus,
* as doing this hundreds of times is slow.
*
* @class
* @extends OO.ui.MultilineTextInputWidget
*
* @constructor
* @param {Object} [config] Configuration options
* @param {boolean} [config.autosize=false]
*/
ve.ui.MWLazyMultilineTextInputWidget = function VeUiMWLazyMultilineTextInputWidget() {
// Parent constructor
ve.ui.MWLazyMultilineTextInputWidget.super.apply( this, arguments );
// 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', () => {
this.$input.removeClass( 've-ui-mwLazyMultilineTextInputWidget-collapsed' );
this.autosize = true;
this.adjustSize();
} );
}
};
/* Inheritance */
OO.inheritClass( ve.ui.MWLazyMultilineTextInputWidget, OO.ui.MultilineTextInputWidget );