Merge "mw.special.apisandbox: Specify auto width on PopupButtonWidgets' popups"

diff --combined resources/src/mediawiki.special/mediawiki.special.apisandbox.js
index d228149,aff5f3b..f3eef7c
--- 1/resources/src/mediawiki.special/mediawiki.special.apisandbox.js
--- 2/resources/src/mediawiki.special/mediawiki.special.apisandbox.js
+++ b/resources/src/mediawiki.special/mediawiki.special.apisandbox.js
@@@ -337,8 -337,7 +337,8 @@@
                                        } else if ( Util.apiBool( pi.multi ) ) {
                                                widget = new OO.ui.CapsuleMultiselectWidget( {
                                                        allowArbitrary: true,
 -                                                      allowDuplicates: Util.apiBool( pi.allowsduplicates )
 +                                                      allowDuplicates: Util.apiBool( pi.allowsduplicates ),
 +                                                      $overlay: $( '#mw-apisandbox-ui' )
                                                } );
                                                widget.paramInfo = pi;
                                                $.extend( widget, WidgetMethods.capsuleWidget );
@@@ -460,15 -459,13 +460,15 @@@
                                                }
  
                                                widget = new OO.ui.CapsuleMultiselectWidget( {
 -                                                      menu: { items: items }
 +                                                      menu: { items: items },
 +                                                      $overlay: $( '#mw-apisandbox-ui' )
                                                } );
                                                widget.paramInfo = pi;
                                                $.extend( widget, WidgetMethods.capsuleWidget );
                                        } else {
                                                widget = new OO.ui.DropdownWidget( {
 -                                                      menu: { items: items }
 +                                                      menu: { items: items },
 +                                                      $overlay: $( '#mw-apisandbox-ui' )
                                                } );
                                                widget.paramInfo = pi;
                                                $.extend( widget, WidgetMethods.dropdownWidget );
@@@ -492,8 -489,7 +492,8 @@@
                                                }
  
                                                widget = new OO.ui.CapsuleMultiselectWidget( {
 -                                                      menu: { items: items }
 +                                                      menu: { items: items },
 +                                                      $overlay: $( '#mw-apisandbox-ui' )
                                                } );
                                                widget.paramInfo = pi;
                                                $.extend( widget, WidgetMethods.capsuleWidget );
@@@ -503,8 -499,7 +503,8 @@@
                                                }
                                        } else {
                                                widget = new OO.ui.DropdownWidget( {
 -                                                      menu: { items: items }
 +                                                      menu: { items: items },
 +                                                      $overlay: $( '#mw-apisandbox-ui' )
                                                } );
                                                widget.paramInfo = pi;
                                                $.extend( widget, WidgetMethods.dropdownWidget );
@@@ -540,7 -535,6 +540,7 @@@
                                widget = new OO.ui.CapsuleMultiselectWidget( {
                                        allowArbitrary: true,
                                        allowDuplicates: Util.apiBool( pi.allowsduplicates ),
 +                                      $overlay: $( '#mw-apisandbox-ui' ),
                                        popup: {
                                                classes: [ 'mw-apisandbox-popup' ],
                                                $content: $content
@@@ -1037,8 -1031,7 +1037,8 @@@
  
                                if ( !formatDropdown ) {
                                        formatDropdown = new OO.ui.DropdownWidget( {
 -                                              menu: { items: [] }
 +                                              menu: { items: [] },
 +                                              $overlay: $( '#mw-apisandbox-ui' )
                                        } );
                                        formatDropdown.getMenu().on( 'choose', Util.onFormatDropdownChange );
                                }
@@@ -1168,7 -1161,8 +1168,8 @@@
                                                                                icon: 'info',
                                                                                popup: {
                                                                                        $content: $( '<div>' ).append( Util.parseMsg( 'apisandbox-continue-help' ) ),
-                                                                                       padded: true
+                                                                                       padded: true,
+                                                                                       width: 'auto'
                                                                                }
                                                                        } ).$element
                                                                )
@@@ -1427,6 -1421,8 +1428,8 @@@
                                                label: mw.message( 'apisandbox-helpurls' ).text(),
                                                icon: 'help',
                                                popup: {
+                                                       width: 'auto',
+                                                       padded: true,
                                                        $content: $( '<ul>' ).append( $.map( pi.helpurls, function ( link ) {
                                                                return $( '<li>' ).append( $( '<a>', {
                                                                        href: link,
@@@ -1444,6 -1440,8 +1447,8 @@@
                                                label: mw.message( 'apisandbox-examples' ).text(),
                                                icon: 'code',
                                                popup: {
+                                                       width: 'auto',
+                                                       padded: true,
                                                        $content: $( '<ul>' ).append( $.map( pi.examples, function ( example ) {
                                                                var a = $( '<a>', {
                                                                        href: '#' + example.query,