google
/
material-design-lite
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix tooltip position 

If tooltip goes out of the left side, set position to 0 instead of
negative offset (Closes #839)
master
Iurii Kucherov 2015-07-08 00:59:05 +03:00 committed by Addy Osmani
parent e466cf5734
commit 272103abce
1 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/tooltip/tooltip.js
View File

@ -60,8 +60,17 @@ MaterialTooltip.prototype.handleMouseEnter_ = function(event) {
event.stopPropagation();
var props = event.target.getBoundingClientRect();
this.element_.style.left = props.left + (props.width / 2) + 'px';
this.element_.style.marginLeft = -1 * (this.element_.offsetWidth / 2) + 'px';
var left = props.left + (props.width / 2);
var marginLeft = -1 * (this.element_.offsetWidth / 2);
if (left + marginLeft < 0) {
this.element_.style.left = 0;
this.element_.style.marginLeft = 0;
} else {
this.element_.style.left = left + 'px';
this.element_.style.marginLeft = marginLeft + 'px';
}
this.element_.style.top = props.top + props.height + 10 + 'px';
this.element_.classList.add(this.CssClasses_.IS_ACTIVE);
window.addEventListener('scroll', this.boundMouseLeaveHandler, false);