quasar-framework.org
quasar-framework.org copied to clipboard
QTooltip misbehaves when used on a toolbar button inside QLayout drawer
Software version
Quasar: 0.14 Browsers: iOS 10 Safari
What did you get as the error?
q-btn tooltips are shown after the drawer is closed
What were you expecting?
No tooltips to be displayed
What steps did you take, to get the error?
Using this code inside a QLayout drawer:
<q-toolbar>
<q-btn flat @click="layout.hideLeft()">
<q-icon name="keyboard_arrow_left" />
<q-tooltip>
Close
</q-tooltip>
</q-btn>
</q-toolbar>
works very nicely on desktop (tooltip is shown on hover, and hidden on click as the drawer closes). But on mobile, the tooltip isn't shown until the user touches the button. The drawer is then closed and the tooltip is left covering the main QLayout header.
Desktop:

Mobile:

then after touching close button:

experiencing this issue too.. Any tooltips on mobile remain persistant blocking access to the topnav open button