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

Q-rating does not display tooltip when custom icon is used #11055

Closed
2 of 14 tasks
mastnym opened this issue Oct 21, 2021 · 2 comments
Closed
2 of 14 tasks

Q-rating does not display tooltip when custom icon is used #11055

mastnym opened this issue Oct 21, 2021 · 2 comments
Assignees
Labels

Comments

@mastnym
Copy link

mastnym commented Oct 21, 2021

Describe the bug
When svg icon is used in q-rating component like icon="img:icons/blah.svg" and one want to display tooltip, no tooltip is shown. I think it's related to this issue, but there is no way in q-rating to wrap the icon in div/span

Codepen/jsFiddle/Codesandbox (required)
https://quasar.dev/vue-components/rating#tooltips
Example is broken

To Reproduce
Create a q-rating component with custom svg icon
Add a q-tooltip via slot tip-1 to this icon
Tooltip is not displayed

Expected behavior
Tooltip should be visible on hover

Platform (please complete the following information):
Quasar Version:
@quasar/app Version: 2.1.8/edge

Quasar mode:

  • SPA
  • SSR
  • PWA
  • Electron
  • Cordova
  • Capacitor
  • BEX

Tested on:

  • SPA
  • SSR
  • PWA
  • Electron
  • Cordova
  • Capacitor
  • BEX

OS:
Node:y
NPM:y
Yarn:
Browsers: chrome, FF
iOS:
Android:
Electron:

Additional context
Add any other context about the problem here.

@mastnym mastnym added the Qv2 🔝 Quasar v2 issues label Oct 21, 2021
@hawkeye64
Copy link
Member

@mastnym Indeed, the examples are not working as expected. Thank you for letting us know.n It appears they are being created at the end of the document, they just don't display.

@rstoenescu
Copy link
Member

Fix will be available in Quasar v2.1.10

pdanpdan added a commit to pdanpdan/quasar that referenced this issue Oct 25, 2021
pdanpdan added a commit to pdanpdan/quasar that referenced this issue Oct 25, 2021
pdanpdan added a commit to pdanpdan/quasar that referenced this issue Oct 27, 2021
pdanpdan added a commit to pdanpdan/quasar that referenced this issue Oct 30, 2021
pdanpdan added a commit to pdanpdan/quasar that referenced this issue Nov 5, 2021
pdanpdan added a commit to pdanpdan/quasar that referenced this issue Nov 5, 2021
pdanpdan added a commit to pdanpdan/quasar that referenced this issue Nov 5, 2021
pdanpdan added a commit to pdanpdan/quasar that referenced this issue Nov 5, 2021
pdanpdan added a commit to pdanpdan/quasar that referenced this issue Nov 6, 2021
pdanpdan added a commit to pdanpdan/quasar that referenced this issue Nov 10, 2021
pdanpdan added a commit to pdanpdan/quasar that referenced this issue Dec 1, 2021
pdanpdan added a commit to pdanpdan/quasar that referenced this issue Dec 6, 2021
pdanpdan added a commit to pdanpdan/quasar that referenced this issue Dec 8, 2021
pdanpdan added a commit to pdanpdan/quasar that referenced this issue Dec 8, 2021
rstoenescu pushed a commit that referenced this issue Dec 8, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

3 participants