The "normal" operation of an OO.ui.MenuSelectWidget is to hide itself
if no results are found in the filtering process. However, we want
the menu to remain visible but display a 'no filters found' message
like it did before the migration to a MenuTagMultiselectWidget.
Bug: T163170
Change-Id: Iee7b07961b90ac514a4aa1f7c56019ecd7b4c3cc
z-index: auto;
max-width: 650px;
+ &.oo-ui-menuSelectWidget-invisible {
+ display: block;
+ }
+
+ &-noresults {
+ display: none;
+ padding: 0.5em;
+ color: #666;
+
+ .oo-ui-menuSelectWidget-invisible & {
+ display: inline-block;
+ }
+ }
+
&-body {
max-height: 70vh;
}
}
);
+ this.noResults = new OO.ui.LabelWidget( {
+ label: mw.msg( 'rcfilters-filterlist-noresults' ),
+ classes: [ 'mw-rcfilters-ui-filterFloatingMenuSelectWidget-noresults' ]
+ } );
+
this.$element
.addClass( 'mw-rcfilters-ui-filterFloatingMenuSelectWidget' )
.append(
this.$body
- .append( header.$element, this.$group )
+ .append( header.$element, this.$group, this.noResults.$element )
);
if ( this.$footer ) {