Issue:
Relevant code:
mw.loader.using( 'oojs-ui-core' ).done( function () { var tooltip = new OO.ui.PopupWidget( { padded: true, align: 'center', width: 250, classes: [ 'translate-tooltip' ], $content: $( '<p>' ).text( $icon.prop( 'title' ) ) } ); setTimeout( function () { var offset, $visibleIcon = $( '.autotooltip:visible' ); if ( !$visibleIcon.length ) { return; } offset = $visibleIcon.offset(); tooltip.$element.appendTo( document.body ); tooltip.toggle( true ).toggleClipping( false ).togglePositioning( false ); tooltip.$element.css( { top: offset.top + $visibleIcon.outerHeight() + 5, left: offset.left + $visibleIcon.outerWidth() - tooltip.$element.width() / 2 - 15 } ); setTimeout( function () { tooltip.$element.remove(); }, 4000 ); }, 1000 );
oojs-ui version 0.41.3
The effective styles on the .oo-ui-popupWidget-anchor element are:
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor::after { top: -10px; left: -8px; border-top-color: #fff; border-width: 9px; } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor::before, .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor::after { border-bottom: 0; border-bottom-width: 0px; } .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor::before, .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor::after { content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-bottom-style: solid; border-color: transparent; border-top-color: transparent; border-bottom-color: transparent; } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor::before { top: -10px; left: -9px; border-top-color: #a2a9b1; border-width: 10px; } element { left: 125.55px; } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor { bottom: -9px; } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor { left: 0; } .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor { display: block; position: absolute; background-repeat: no-repeat; } .oo-ui-popupWidget-anchor { display: none; } body { color: #202122; } html, body { font-family: sans-serif; } html { font-size: 100%; }
Outcome
Fixed broken display of tooltip anchor on Special:Translate in proofreading mode. The issue did not affect any functionality.