X-Git-Url: https://git.heureux-cyclage.org/?a=blobdiff_plain;f=resources%2Flib%2Foojs-ui%2Foojs-ui-core.js;h=082b7eca3f7f0c03030ef38b8d2394091611d021;hb=641c6d1f15f866770d44b67c1efc5f9fc0763d9e;hp=af099a94d55e90bc9dd43b9d3e976763b0b8cecd;hpb=f58546ef6e55342ff2d54bdf9e421102aed7aa76;p=lhc%2Fweb%2Fwiklou.git

diff --git a/resources/lib/oojs-ui/oojs-ui-core.js b/resources/lib/oojs-ui/oojs-ui-core.js
index af099a94d5..082b7eca3f 100644
--- a/resources/lib/oojs-ui/oojs-ui-core.js
+++ b/resources/lib/oojs-ui/oojs-ui-core.js
@@ -1,12 +1,12 @@
 /*!
- * OOjs UI v0.23.2
+ * OOjs UI v0.24.0
  * https://www.mediawiki.org/wiki/OOjs_UI
  *
  * Copyright 2011–2017 OOjs UI Team and other contributors.
  * Released under the MIT license
  * http://oojs.mit-license.org
  *
- * Date: 2017-09-26T20:18:42Z
+ * Date: 2017-10-17T23:18:51Z
  */
 ( function ( OO ) {
 
@@ -581,7 +581,9 @@ OO.ui.mixin = {};
  *  Data can also be specified with the #setData method.
  */
 OO.ui.Element = function OoUiElement( config ) {
-	this.initialConfig = config;
+	if ( OO.ui.isDemo ) {
+		this.initialConfig = config;
+	}
 	// Configuration initialization
 	config = config || {};
 
@@ -2958,13 +2960,14 @@ OO.ui.mixin.LabelElement.static.label = null;
  *  sub-string wrapped in highlighted span
  */
 OO.ui.mixin.LabelElement.static.highlightQuery = function ( text, query, compare ) {
-	var i, offset, tLen, qLen,
+	var i, tLen, qLen,
+		offset = -1,
 		$result = $( '<span>' );
 
 	if ( compare ) {
 		tLen = text.length;
 		qLen = query.length;
-		for ( i = 0; offset === undefined && i <= tLen - qLen; i++ ) {
+		for ( i = 0; offset === -1 && i <= tLen - qLen; i++ ) {
 			if ( compare( query, text.slice( i, i + qLen ) ) === 0 ) {
 				offset = i;
 			}
@@ -2974,15 +2977,16 @@ OO.ui.mixin.LabelElement.static.highlightQuery = function ( text, query, compare
 	}
 
 	if ( !query.length || offset === -1 ) {
-		return $result.text( text );
-	}
-	$result.append(
-		document.createTextNode( text.slice( 0, offset ) ),
-		$( '<span>' )
-			.addClass( 'oo-ui-labelElement-label-highlight' )
-			.text( text.slice( offset, offset + query.length ) ),
-		document.createTextNode( text.slice( offset + query.length ) )
-	);
+		$result.text( text );
+	} else {
+		$result.append(
+			document.createTextNode( text.slice( 0, offset ) ),
+			$( '<span>' )
+				.addClass( 'oo-ui-labelElement-label-highlight' )
+				.text( text.slice( offset, offset + query.length ) ),
+			document.createTextNode( text.slice( offset + query.length ) )
+		);
+	}
 	return $result.contents();
 };
 
@@ -5356,7 +5360,9 @@ OO.ui.PopupWidget.prototype.computePosition = function () {
 	floatablePos = this.$floatableContainer.offset();
 	floatablePos[ far ] = floatablePos[ near ] + this.$floatableContainer[ 'outer' + sizeProp ]();
 	// Measure where the offsetParent is and compute our position based on that and parentPosition
-	offsetParentPos = this.$element.offsetParent().offset();
+	offsetParentPos = this.$element.offsetParent()[ 0 ] === document.documentElement ?
+		{ top: 0, left: 0 } :
+		this.$element.offsetParent().offset();
 
 	if ( positionProp === near ) {
 		popupPos[ near ] = offsetParentPos[ near ] + parentPosition[ near ];
@@ -5392,7 +5398,9 @@ OO.ui.PopupWidget.prototype.computePosition = function () {
 	}
 
 	// Check if the popup will go beyond the edge of this.$container
-	containerPos = this.$container.offset();
+	containerPos = this.$container[ 0 ] === document.documentElement ?
+		{ top: 0, left: 0 } :
+		this.$container.offset();
 	containerPos[ far ] = containerPos[ near ] + this.$container[ 'inner' + sizeProp ]();
 	// Take into account how much the popup will move because of the adjustments we're going to make
 	popupPos[ near ] += ( positionProp === near ? 1 : -1 ) * positionAdjustment;
@@ -6081,9 +6089,16 @@ OO.ui.SelectWidget.prototype.onFocus = function ( event ) {
 			item = this.findFirstSelectableItem();
 		}
 	} else {
-		// One of the options got focussed (and the event bubbled up here).
-		// They can't be tabbed to, but they can be activated using accesskeys.
-		item = this.findTargetItem( event );
+		if ( event.target.tabIndex === -1 ) {
+			// One of the options got focussed (and the event bubbled up here).
+			// They can't be tabbed to, but they can be activated using accesskeys.
+			// OptionWidgets and focusable UI elements inside them have tabindex="-1" set.
+			item = this.findTargetItem( event );
+		} else {
+			// There is something actually user-focusable in one of the labels of the options, and the
+			// user focussed it (e.g. by tabbing to it). Do nothing (especially, don't change the focus).
+			return;
+		}
 	}
 
 	if ( item ) {
@@ -9939,7 +9954,7 @@ OO.ui.TextInputWidget.prototype.getInputElement = function ( config ) {
  *
  * @param {Object} config Configuration options
  * @return {string|null}
- * @private
+ * @protected
  */
 OO.ui.TextInputWidget.prototype.getSaneType = function ( config ) {
 	var allowedTypes = [
@@ -10267,10 +10282,6 @@ OO.ui.SearchInputWidget = function OoUiSearchInputWidget( config ) {
 		icon: 'search'
 	}, config );
 
-	// Set type to text so that TextInputWidget doesn't
-	// get stuck in an infinite loop.
-	config.type = 'text';
-
 	// Parent constructor
 	OO.ui.SearchInputWidget.parent.call( this, config );
 
@@ -10280,7 +10291,6 @@ OO.ui.SearchInputWidget = function OoUiSearchInputWidget( config ) {
 	} );
 
 	// Initialization
-	this.$element.addClass( 'oo-ui-textInputWidget-type-search' );
 	this.updateSearchIndicator();
 	this.connect( this, {
 		disable: 'onDisable'
@@ -10297,8 +10307,8 @@ OO.inheritClass( OO.ui.SearchInputWidget, OO.ui.TextInputWidget );
  * @inheritdoc
  * @protected
  */
-OO.ui.SearchInputWidget.prototype.getInputElement = function () {
-	return $( '<input>' ).attr( 'type', 'search' );
+OO.ui.SearchInputWidget.prototype.getSaneType = function () {
+	return 'search';
 };
 
 /**