enyo tooltip positon problem

enyo 2.3 tooltip decorator with a container of overflow:hidden

CSS

.rel{ position:relative; }
.bot{ position:absolute; bottom:10px; }
.over{ overflow:hidden; }

.content{ margin:20px; }

JavaScript

enyo.kind({
    name:'app',
    layoutKind: "FittableRowsLayout",
    components:[
        {fit:true, classes:'rel over', components:[
            {classes:'content', content:'problem is that the tooltips calculate there positions based on the window. Not based on the decorators container. So once it\'s contained inside an overflow:hidden container, there\'s no way to reposition it by default. Even not when you apply the class "above" directly on the tooltip cause then it\'s overwritten by the tooltips internals. So if you change the class it has to be after the tooltip has shown. But by default there are no events to do this...'},
            {kind:'onyx.TooltipDecorator', classes:'bot', style:'left:10px;', components:[
                {kind:'onyx.Button', content:'onyx'},
                {kind:'onyx.Tooltip', classes:'above', content:'You don\'t see me'}
                // adding classes:'above' all down the drain. Caused by tooltip internals.
            ]},
             {kind:'onyx.TooltipDecorator', classes:'bot', style:'right:10px;', components:[
                {kind:'onyx.Button', content:'joop'},
                {kind:'joop.Tooltip', content:'You see me', onShow:'tooltipShown'}
            ]}
        ]},
        {kind:'onyx.Toolbar', content:'space filler'}
    ],
    tooltipShown:function(s,e){
      s.removeClass('below');
      s.addClass('above');
      console.log(s,e);  
    }
});

enyo.kind({
    name:'joop.Tooltip',
    kind:'onyx.Tooltip',
    events:{onShow:'', onHide:''},
    requestShow:function(){
        this.inherited(arguments);
        this.doShow();
    },
    requestHide:function(){
        this.inherited(arguments);
        this.doHide();
    }
});

(new app()).renderInto(document.body);