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

<b-tooltip>/<b-popover>: Directive shows default browser title with a long show delay #4114

Closed
Hiws opened this issue Sep 17, 2019 · 3 comments · May be fixed by bermudez/mynuxtjs#1 or bermudez/mynuxtjs#3
Closed
Assignees

Comments

@Hiws
Copy link
Member

@Hiws Hiws commented Sep 17, 2019

Describe the bug

In version 2.0.0 a bug was introduced where if you provide a longer show delay(500ms and above), it will show the default browser tooltip based on the title.
This was not previously the case up until version 2.0.0-rc.28.

Steps to reproduce the bug

  1. Add a popover/tooltip to a element
  2. Add the directive with a hover trigger and a show delay of 500ms or higher
  3. See that the default browser title appears before the tooltip/popover is shown.

Expected behavior

The tooltip or popover should override the default browser title and prevent it from being shown.

Versions

Libraries:

  • BootstrapVue: 2.0.0 and later
  • Bootstrap: 4.3.1
  • Vue: 2.6.10

Demo link

https://codepen.io/Hiws/pen/qBWMpMg

@Hiws Hiws changed the title <b-tooltip>/<b-popover>: Directive shows default browser title if you provide a show delay <b-tooltip>/<b-popover>: Directive shows default browser title with a long show delay Sep 17, 2019
@tmorehouse
Copy link
Member

@tmorehouse tmorehouse commented Sep 17, 2019

Yeah... will need to figure out a way to hide the title when the trigger has entered the "enter" phase, rather than when the tooltip actually shows.

We had decided to leave the original title on the trigger element until the tip shows for accessibility reasons (when screen readers read the page or section content, it will announce the title to them).

This would actually happen on the component versions as well if a title attribute was provided on the trigger element (although the component versions do not use the title attribute)

Loading

@tmorehouse
Copy link
Member

@tmorehouse tmorehouse commented Sep 17, 2019

PR #4120 fixes the issue with the title attribute and the show delay.

Loading

@tmorehouse
Copy link
Member

@tmorehouse tmorehouse commented Sep 20, 2019

BootstrapVue v2.0.2 has just been released, which includes a fix for this.

Loading

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment