diff --git a/docs/src/pages/components/Tabs.vue b/docs/src/pages/components/Tabs.vue
index 3f00e97..f53de49 100644
--- a/docs/src/pages/components/Tabs.vue
+++ b/docs/src/pages/components/Tabs.vue
@@ -115,6 +115,18 @@
Boolean
Disable the tab and prevent his actions. Default false
+
+
+ md-tooltip
+ String
+ Add a tooltip on the tab header. Default: No tooltip.
+
+
+
+ md-tooltip-direction
+ String
+ Direction of the tab header tooltip. Default: bottom
+
@@ -137,7 +149,7 @@
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.
-
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.
@@ -159,7 +171,7 @@
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.</p>
</md-tab>
- <md-tab id="pictures" md-label="Pictures">
+ <md-tab id="pictures" md-label="Pictures" md-tooltip="This is the pictures tab!">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dolorum quas.</p>
</md-tab>
</md-tabs>
diff --git a/src/components/mdMenu/mdMenu.vue b/src/components/mdMenu/mdMenu.vue
index 3cc4250..9ac77a0 100644
--- a/src/components/mdMenu/mdMenu.vue
+++ b/src/components/mdMenu/mdMenu.vue
@@ -123,8 +123,8 @@
position = getInViewPosition(this.menuContent, position);
- this.menuContent.style.top = position.top + 'px';
- this.menuContent.style.left = position.left + 'px';
+ this.menuContent.style.top = position.top + window.pageYOffset + 'px';
+ this.menuContent.style.left = position.left + window.pageXOffset + 'px';
},
recalculateOnResize() {
window.requestAnimationFrame(this.calculateMenuContentPos);
diff --git a/src/components/mdTabs/mdTab.vue b/src/components/mdTabs/mdTab.vue
index 2ed997d..40a605c 100644
--- a/src/components/mdTabs/mdTab.vue
+++ b/src/components/mdTabs/mdTab.vue
@@ -14,7 +14,12 @@
mdLabel: [String, Number],
mdIcon: String,
mdActive: Boolean,
- mdDisabled: Boolean
+ mdDisabled: Boolean,
+ mdTooltip: String,
+ mdTooltipDirection: {
+ type: String,
+ default: 'bottom'
+ }
},
data() {
return {
@@ -36,6 +41,12 @@
},
mdLabel() {
this.updateTabData();
+ },
+ mdTooltip() {
+ this.updateTabData();
+ },
+ mdTooltipDirection() {
+ this.updateTabData();
}
},
computed: {
@@ -54,6 +65,8 @@
icon: this.mdIcon,
active: this.mdActive,
disabled: this.mdDisabled,
+ tooltip: this.mdTooltip,
+ tooltipDirection: this.mdTooltipDirection,
ref: this
};
},