Skip to content
This repository has been archived by the owner on Dec 13, 2019. It is now read-only.

QTooltip misbehaves when used on a toolbar button inside QLayout drawer #264

Open
dsl101 opened this issue Sep 28, 2017 · 1 comment
Open

Comments

@dsl101
Copy link
Contributor

dsl101 commented Sep 28, 2017

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

@comcomservices
Copy link

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

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants