Repository: ui
Issue: [bug]: Title attribute on DropdownMenuItem not working (might effect other components)
Labels: bug

### Describe the bug

To be able to show a tooltip on a disabled item like this:

![CleanShot 2024-06-14 at 13 43 03@2x](https://github.com/shadcn-ui/ui/assets/1386966/91376d4d-3843-46be-85d1-3df1a695d548)

I tried to use the `title` attribute in normal HTML. However, that didn't work.

Turns out the use of `pointer-events-none` prevents the hover event from being passed. That event is used to disable a the menu item that is disabled.

I made a few changes like this by removing the `pointer-events-none` and explicitly preventing default on click.

![CleanShot 2024-06-14 at 13 50 19@2x](https://github.com/shadcn-ui/ui/assets/1386966/252e1b88-2235-4f5b-aed4-ac174e7c4335)


### Affected component/components

DropdownMenu

### How to reproduce

1. Open the [code sandbox link](https://codesandbox.io/p/devbox/shadcn-playground-forked-mt8pd3?file=%2Fsrc%2FApp.js%3A37%2C27&workspaceId=818bba93-5454-4079-b274-782e4a0d537f&layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522clxf6090v00073b6jczslse5b%2522%252C%2522sizes%2522%253A%255B70%252C30%255D%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522id%2522%253A%2522clxf6090v00023b6j71j73dd8%2522%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522id%2522%253A%2522clxf6090v00043b6jljxjsi4b%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522clxf6090v00063b6j3299hra5%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%252C%2522sizes%2522%253A%255B50%252C50%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522clxf6090v00023b6j71j73dd8%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clxf6090u00013b6jqms14k9b%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522filepath%2522%253A%2522%252Fsrc%252Findex.js%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%252C%257B%2522id%2522%253A%2522clxf677fe00023b6j8jyj05l3%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522initialSelections%2522%253A%255B%257B%2522startLineNumber%2522%253A37%252C%2522startColumn%2522%253A27%252C%2522endLineNumber%2522%253A37%252C%2522endColumn%2522%253A27%257D%255D%252C%2522filepath%2522%253A%2522%252Fsrc%252FApp.js%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%255D%252C%2522id%2522%253A%2522clxf6090v00023b6j71j73dd8%2522%252C%2522activeTabId%2522%253A%2522clxf677fe00023b6j8jyj05l3%2522%257D%252C%2522clxf6090v00063b6j3299hra5%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clxf6090v00053b6jglqk0jzv%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522TASK_PORT%2522%252C%2522taskId%2522%253A%2522start%2522%252C%2522port%2522%253A3000%252C%2522path%2522%253A%2522%252F%2522%257D%255D%252C%2522id%2522%253A%2522clxf6090v00063b6j3299hra5%2522%252C%2522activeTabId%2522%253A%2522clxf6090v00053b6jglqk0jzv%2522%257D%252C%2522clxf6090v00043b6jljxjsi4b%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clxf6090v00033b6jvccewzzb%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522TASK_LOG%2522%252C%2522taskId%2522%253A%2522start%2522%257D%255D%252C%2522id%2522%253A%2522clxf6090v00043b6jljxjsi4b%2522%252C%2522activeTabId%2522%253A%2522clxf6090v00033b6jvccewzzb%2522%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%2522showShells%2522%253Atrue%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A15%257D) 
2. Click on the trigger and try hover over the disabled `delete` action
3. No hover title will be visible


### Codesandbox/StackBlitz link

https://codesandbox.io/p/devbox/shadcn-playground-forked-mt8pd3?file=%2Fsrc%2FApp.js%3A37%2C27&workspaceId=818bba93-5454-4079-b274-782e4a0d537f&layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522clxf6090v00073b6jczslse5b%2522%252C%2522sizes%2522%253A%255B70%252C30%255D%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522id%2522%253A%2522clxf6090v00023b6j71j73dd8%2522%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522id%2522%253A%2522clxf6090v00043b6jljxjsi4b%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522clxf6090v00063b6j3299hra5%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%252C%2522sizes%2522%253A%255B50%252C50%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522clxf6090v00023b6j71j73dd8%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clxf6090u00013b6jqms14k9b%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522filepath%2522%253A%2522%252Fsrc%252Findex.js%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%252C%257B%2522id%2522%253A%2522clxf677fe00023b6j8jyj05l3%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522initialSelections%2522%253A%255B%257B%2522startLineNumber%2522%253A37%252C%2522startColumn%2522%253A27%252C%2522endLineNumber%2522%253A37%252C%2522endColumn%2522%253A27%257D%255D%252C%2522filepath%2522%253A%2522%252Fsrc%252FApp.js%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%255D%252C%2522id%2522%253A%2522clxf6090v00023b6j71j73dd8%2522%252C%2522activeTabId%2522%253A%2522clxf677fe00023b6j8jyj05l3%2522%257D%252C%2522clxf6090v00063b6j3299hra5%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clxf6090v00053b6jglqk0jzv%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522TASK_PORT%2522%252C%2522taskId%2522%253A%2522start%2522%252C%2522port%2522%253A3000%252C%2522path%2522%253A%2522%252F%2522%257D%255D%252C%2522id%2522%253A%2522clxf6090v00063b6j3299hra5%2522%252C%2522activeTabId%2522%253A%2522clxf6090v00053b6jglqk0jzv%2522%257D%252C%2522clxf6090v00043b6jljxjsi4b%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clxf6090v00033b6jvccewzzb%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522TASK_LOG%2522%252C%2522taskId%2522%253A%2522start%2522%257D%255D%252C%2522id%2522%253A%2522clxf6090v00043b6jljxjsi4b%2522%252C%2522activeTabId%2522%253A%2522clxf6090v00033b6jvccewzzb%2522%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%2522showShells%2522%253Atrue%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A15%257D

### Logs

_No response_

### System Info

```bash
Chrome
Mac OS
```


### Before submitting

- [X] I've made research efforts and searched the documentation
- [X] I've searched for existing issues