Issue:
{F34433740,size=full}
Relevant code:
```lang=javascript
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:
```lang=css
.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%;
}
```