Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug Report] Tooltip disappears after clicking button in Chrome #7529

Closed
BowenYin opened this issue Jun 16, 2019 · 2 comments
Closed

[Bug Report] Tooltip disappears after clicking button in Chrome #7529

BowenYin opened this issue Jun 16, 2019 · 2 comments
Assignees
Labels
C: VBtn VBtn C: VTooltip VTooltip P: high The issue is of high importance T: bug Functionality that does not work as intended/expected
Milestone

Comments

@BowenYin
Copy link

Versions and Environment

Vuetify: 2.0.0-beta.2
Last working version: 1.5.14
Vue: 2.6.10
Browsers: Chrome 74.0.3729.169
OS: Mac OS 10.14.0

Steps to reproduce

With Google Chrome on Mac, click on the button in the new docs at the top of the page for tooltips, like shown below.
2019-06-15 18 05 35

Expected Behavior

The tooltip should stay visible after clicking the button, like it did in v1.5.

Actual Behavior

When a tooltip is attached to a button in v2.0, clicking on the button in Google Chrome makes the tooltip disappear suddenly.

Reproduction Link

https://next.vuetifyjs.com/en/components/tooltips#usage

Other comments

As far as I'm aware, Safari and Firefox don't have this issue.

@ghost ghost added the S: triage label Jun 16, 2019
@KaelWD KaelWD added C: VTooltip VTooltip T: bug Functionality that does not work as intended/expected and removed S: triage labels Jun 16, 2019
@KaelWD KaelWD added this to the v2.0.0 milestone Jun 16, 2019
@KaelWD KaelWD self-assigned this Jun 16, 2019
@KaelWD
Copy link
Member

KaelWD commented Jun 16, 2019

This was unintentional, but could be argued as correct based on google's spec:

If the user takes another action before that time ends, the tooltip will disappear.

@johnleider johnleider modified the milestones: v2.0.0, v2.0.x Jun 19, 2019
@KaelWD KaelWD modified the milestones: v2.0.x, v2.1.x Oct 2, 2019
@johnleider johnleider modified the milestones: v2.1.x, v2.2.x Oct 11, 2019
@johnleider johnleider assigned johnleider and unassigned KaelWD May 6, 2020
@johnleider johnleider added the P: high The issue is of high importance label May 28, 2020
@johnleider johnleider modified the milestones: v2.2.x, v3.0.0 May 28, 2020
@johnleider johnleider added this to To do in Vuetify 3 - Titan via automation Nov 30, 2020
@emiliemarchand
Copy link

Adding retain-focus-on-click to the button did the trick for me:

<v-tooltip top>
  <template v-slot:activator="{ on, attrs }">
      <v-btn
        v-bind="attrs"
        v-on="on"
        retain-focus-on-click
      >
          Button
      </v-btn>
  </template>
  <span>Tooltip</span>
</v-tooltip>

@KaelWD KaelWD added the C: VBtn VBtn label Aug 13, 2021
@KaelWD KaelWD assigned KaelWD and unassigned johnleider Aug 15, 2021
KaelWD added a commit that referenced this issue Aug 16, 2021
@KaelWD KaelWD closed this as completed Aug 16, 2021
Vuetify 3 - Titan automation moved this from To do to Done Aug 16, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VBtn VBtn C: VTooltip VTooltip P: high The issue is of high importance T: bug Functionality that does not work as intended/expected
Projects
No open projects
Development

No branches or pull requests

4 participants