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

V-Tooltip, TailwindCSS: Styling not working when using pinia store #4505

Closed
Nils3311 opened this issue Sep 25, 2023 · 2 comments
Closed

V-Tooltip, TailwindCSS: Styling not working when using pinia store #4505

Nils3311 opened this issue Sep 25, 2023 · 2 comments
Assignees
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Milestone

Comments

@Nils3311
Copy link

Nils3311 commented Sep 25, 2023

Describe the bug

When Pinia Store is used in the same component with v-tooltip and the new Tailwind Pass-Through-Styling the v-tooltip styling appears to be lost or not applied.

Reproducer

https://stackblitz.com/edit/vitejs-vite-qmh8ef?file=src%2FApp.vue

PrimeVue version

3.3.4

Vue version

3.x

Language

ALL

Build / Runtime

Vite

Browser(s)

No response

Steps to reproduce the behavior

  1. Open the provided stackblitz url
  2. Hover over the "Hover me" Text -> the styling of the v-tooltip is not working.
  3. Delete the pinia store from the script
    import { useTestStore } from './store/teststore.js'; const testStore = useTestStore();
  4. Hover again over the "Hover me" Text -> the styling is now working

Expected behavior

The v-tooltip should retain its styling as specified by Tailwind CSS even when a Pinia Store is utilized within the same component.

@Nils3311 Nils3311 added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Sep 25, 2023
@vvoila
Copy link

vvoila commented Sep 26, 2023

Even without pinia, tooltip with unstyled mode is loosing its style, reproduction: https://stackblitz.com/edit/vitejs-vite-c123mw

@mertsincan mertsincan added Type: Bug Issue contains a bug related to a specific component. Something about the component is not working and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels Sep 27, 2023
@mertsincan mertsincan added this to the 3.35.1 milestone Sep 27, 2023
@mertsincan
Copy link
Member

Fixed for the next version. But, please update your pt preset for Tooltip;

:pt={
   ...
   directives: {
       tooltip: {
             ...
       }
      // other directives
   }
   // components
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Projects
None yet
Development

No branches or pull requests

4 participants