Tooltip malformed in TBGridView if the grid is inside a CJuiAccordion

[fdelprete]

The tooltips in the TBGridView standard actions (view, delete, edit) are displayed incorrectly.

I noticed the same behaviour in another case where a TBGridView is used with others components, but I could not determine why.

[sanjarbek]

I have the same problem with TbExtendedGridView.

[fdelprete]

Update: there seems to be a conflict with Jquery components, in fact on my webapp the problem occurs on pages that use CJuiAccordion or CJuiDialog.
I did a test by removing these components and the tooltip is displayed correctly.
To reproduce the problem just add a standard TBGridView and a JQuery widget.

[sanjarbek]

Confirm @fdelprete, I reproduced the problem. On the problematic page I have TbExtendedGridView with CJuiDialog widget.

[tonydspaniard]

@fdelprete, @sanjarbek both of you are right. Maybe the solution is the order where the css files are placed or write a fix to the bootstrap-yii.css file

[fdelprete]

@tonydspaniard: I think it depends on the version of jQuery UI because I saw that using the jQuery UI version - v1.9.2 the problem occurs while the jQuery UI version - v1.8.22 works fine, but unfortunately I am not able to produce a fix. Maybe the fact that the latest versions of jQuery UI include jquery.ui.tooltip.js that causes conflict?

[digitalcrab]

Done in #316
Example: http://yii-demo.yukki.name/bootstrap/issue316
This fix committed into the master branch and will be included to the next release.
Thanks