Tooltip: Unavailable configuration breaks z-index

[franklx]

Describe the bug

The z-index mechanism provided by utils/ZIndexUtils get broken by a bug in the Tooltip component.
In the beforeMount hook component loads config.zIndex.tooltip from options.instance.$primevue that is undefined (
tooltip/Tooltip.js).
Being $_ptooltipZIndex undefined breaks z-index stack provided by ZIndexUtils.add/clear affecting other components.
Apart from fixing the bug a sensible default should be provided (1100 for example).

Reproducer

No response

PrimeVue version

3.16.2

Vue version

3.x

Language

TypeScript

Build / Runtime

Vite

Browser(s)

No response

Steps to reproduce the behavior

1. Create a simple view like this:

<Dialog>
    <Button v-tooltip="test tooltip">
   <Dropdown options="...">
</Dialog>

2. Open dropdown: it should work
3. Hover on button triggering tooltip
4. Tooltip will not work
5. Dropdown doesn't work anymore: dropdown overlay will be behind dialog

Expected behavior

No response

[tugcekucukoglu]

I've tried to create an example using vite-quickstart, but could not replicate the issue.

Did you have a codesandbox link or a repo, to replicate the issue?

[emp-mas]

Hi,

we experienced the same issue in components using script setup syntax.

@tugcekucukoglu
Here is a working example: primevue-tooltip-z-index-issue (fork of primevue-quickstart-vite)
Should be the same problem as in issue #3144

[tugcekucukoglu]

We will check it again. Thanks for the repo.

[tugcekucukoglu]

Please follow this ticket #2468

You could use

<script setup>
import { usePrimeVue } from "primevue/config";

const $primevue = usePrimeVue();
defineExpose({
     $primevue
})
</script>