quasar-framework.org icon indicating copy to clipboard operation
quasar-framework.org copied to clipboard

QTooltip misbehaves when used on a toolbar button inside QLayout drawer

Open dsl101 opened this issue 8 years ago • 1 comments

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:

image

Mobile:

image

then after touching close button:

image

dsl101 avatar Sep 28 '17 09:09 dsl101

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

comcomservices avatar Aug 07 '18 01:08 comcomservices