Skip to content

Tooltip directive and component throw an error on first interaction. #1845

@krasendimitrov

Description

@krasendimitrov

Describe the bug

After updating to the latest released version 0.17.0 i have issues while using tooltip directives or components.

The following exception occurs on initial hover. Subsequent interactions show the tooltip. Specifying an id for the component circumvents the problem but this is not workaround for the tolltip directive.

Seems the automatic id genration is not working as expected.

useId.ts:8 Uncaught TypeError: inject(...) is not a function
    at Er (useId.ts:8:79)
    at useId.ts:5:33
    at ReactiveEffect.fn (reactivity.esm-bundler.js:994:13)
    at ReactiveEffect.run (reactivity.esm-bundler.js:177:19)
    at get value (reactivity.esm-bundler.js:1006:102)
    at x (BPopover.vue:340:29)
    at HTMLElement.A (BPopover.vue:345:17)

Reproduction

https://stackblitz.com/edit/github-o1jnzj?file=src%2Fmain.ts,src%2FApp.vue

Used Package Manager

npm

Validations

  • Have tested with the latest version. This is still alpha version and sometime things change rapidly.
  • Follow our Code of Conduct
  • Read the Contributing Guide.
  • Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
  • Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
  • The provided reproduction is a minimal reproducible of the bug.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions