Force height and scrollbar in Ext.tip (Extjs 3.4)

[Gery]

Hi guys,

I have this problem about adding a scrollbar to an Ext.Tip like this one:

var tip = new Ext.Tip({
header: true,
collapsible: true,
width: 350
});

This tip receives results from queries, and sometimes, it gets small paragraphs and sometimes it receives big paragraphs. It nicely resizes based on their sizes. I would like, though, to set a specific tip's height (300) and to get a scrollbar as result, if it's needed. For that I've tried adding:

height: 300,
autoScroll: true,
overflow: 'auto',
layout: 'fit',

but they had no effect so far. Checking http://docs.sencha.com/extjs/3.4.0/#!/api/Ext.Tip suggested me that there is no way to do this as far as I understand. Is there a way to achieve this in ExtJS 3.4? any dirty-hack solution perhaps?

Her you can find a simple minimal working example for testing: http://jsfiddle.net/Gery/m7xdxwp8/14/

Any hints are appreciated,

[Gery]

solution here: http://jsfiddle.net/gportela/deojvevn/