I suggest you add this to your code to fix the issue:

$.tooltipster.on('position', function(e){

	if(!e.helper.geo.origin.fixedLineage){

		var p = e.position,
			$body = $(window.document.body),
			mt = parseInt($body.css('margin-top')),
			ml = parseInt($body.css('margin-left'));

		p.coord.top -= mt;
		p.coord.left -= ml;
		p.target -= (p.side == 'top' || p.side == 'bottom') ? ml : mt;

		e.edit(p);
	}
});

https://jsfiddle.net/5xqqmrt6/46/

It's a quick fix if you're using the sideTip plugin and I probably didn't think it all through. Tell me if at least it works for you.
The tooltips may get displayed outside of the body since the library still rather takes the whole document into consideration to determine available space.
I'm not sure if I want to include a proper fix for this use case in the library itself, because I tend to think it's a bad idea to have position: relative on the body to begin with, so I don't really want to bother with its side effects. But I'm open to discussion to know if there actually are good reasons to do it before I call it a "won't fix". Thanks

Different behaviour with body position set to relative #514

Description

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions