Skip to content
Permalink
Browse files

fix(QTab): Allow anchor related components to work inside QTab (#4626)

close #4625
  • Loading branch information...
pdanpdan authored and rstoenescu committed Jul 11, 2019
1 parent 52236b0 commit 89fab0ae7c400f1bead244efa848f97481fef913
Showing with 21 additions and 3 deletions.
  1. +20 −2 ui/dev/components/components/tabs.vue
  2. +1 −1 ui/src/components/tabs/QTab.js
@@ -36,8 +36,26 @@
</div>

<q-tabs :dense="dense">
<q-tab label="Item one" />
<q-tab label="Item two" />
<q-tab label="Item one - tooltip">
<q-tooltip>
<q-icon name="wifi" /> Wifi
</q-tooltip>
</q-tab>
<q-tab label="Item two - menu">
<q-menu transition-show="jump-down">
<input v-model="gigi">
<q-list padding style="min-width: 100px">
<q-item
v-for="n in 20"
:key="n"
clickable
v-close-popup
>
<q-item-section>Label</q-item-section>
</q-item>
</q-list>
</q-menu>
</q-tab>
<q-tab label="Item three" />
<q-btn-dropdown stretch flat label="Dropdown">
<q-list link>
@@ -103,7 +103,7 @@ export default Vue.extend({
h('div', { staticClass: 'q-focus-helper', attrs: { tabindex: -1 }, ref: 'blurTarget' }),

h('div', {
staticClass: 'q-tab__content self-stretch flex-center relative-position no-pointer-events non-selectable',
staticClass: 'q-tab__content self-stretch flex-center relative-position no-pointer-events q-anchor--skip non-selectable',
class: this.tabs.inlineLabel === true ? 'row no-wrap q-tab__content--inline' : 'column'
}, content.concat(slot(this, 'default')))
]

0 comments on commit 89fab0a

Please sign in to comment.
You can’t perform that action at this time.