Craga89/qTip2 — Issue #292: increasing tip width clips qtip
Author: katowulf
Created: 2011-12-29 19:06:48+00:00
State: open

When qTip is placed inside a parent element, the width seems to be set to the parent's width - position.adjust.x - tip default width (6px?). However, if I increase the width and height, the qtip gets clipped at the right.

This happens in FF 8.0.1 and IE 8.0.

Example at default width:http://ScrnSht.com/fezokm

Example with style.tip.width = 15: http://ScrnSht.com/nllmpt

Here is the code I'm using to create the qTip; I have no additional styling applied, other than default qTip styles:
``` javascript
$(document.body).qtip({
id: 'node',
content: {
text: 'position: 0 aaaaaaaaaaaaaa aaaaaa aaaaaaaaa aaaaaaaaaaaa aaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaa'
},
position: {
my: 'left top',
at: 'left top',
target: $('#slider'),
container: $('#slider'),
adjust: {
x: 14,
y: 155,
method: 'none'
}
},
show: {
event: false, // Only show when show() is called manually
ready: true // Also show on page load
},
style: {
classes: 'ui-tooltip-light ui-tooltip-shadow slider-node ui-tooltip-rounded notip',
tip: {
width: 15
}
},
prerender: true,
hide: false
});
```