Repository: ui
Issue: [bug]: Can not use and focus on Input
Labels: bug

### Describe the bug

I use Dialog within DropdownMenu. I fix issue with blocking UI dou to 'pointer-events: none', but still I can't use Input within Dialog. I checked if it another pointer-events: none, but after deleting all 'pointer-events: none' it still don't work.

https://github.com/shadcn-ui/ui/assets/73034007/73428bf8-e22c-45de-abf6-3c5668aec4d4

My components structure (it's column from table): 
```
{
	id: 'buttons',
	cell: ({ row }) => {
		const { toast } = useToast()
		const [confirmDeleteInput, setConfirmDeleteInput] = useState('')
		const [confirmDialog, setConfirmDialog] = useState(false)
		const [flowToDelete, setFlowToDelete] = useState<FlowPopulated>()

		const onDeleteFlow = useCallback(async (flow: FlowPopulated) => {
			setConfirmDialog(true)
			setFlowToDelete(flow)
		}, [])

		const onConfirmDelete = useCallback(async () => {
			console.log(confirmDeleteInput)
			if (confirmDeleteInput !== 'DELETE')
				return toast({
					title: `Invalid confirmation input value: "${confirmDeleteInput}"`,
					variant: 'destructive',
				})

			try {
				assertNotNullOrUndefined(flowToDelete, 'flowToDelete')
				await FlowApi.delete(flowToDelete._id)
				toast({
					title: `Flow deleted`,
					variant: 'success',
				})

				const queryClient = getBrowserQueryCllient()
				const data = queryClient.getQueryData<FlowPopulated[]>(['flows'])
				queryClient.setQueryData(
					['flows'],
					data?.filter((flow) => flow._id !== flowToDelete._id),
				)
			} catch (error) {
				if (isCustomHttpExceptionAxios(error))
					return toast({
						title: `Something went wrong`,
						description: error.response.data.message,
						variant: 'destructive',
					})

				console.error(error)
				toast({
					title: `Something went wrong`,
					description: `The flow wasn't deleted. Try again and when deletion action still don't work, inform our 
					variant: 'destructive',
				})
			}
		}, [confirmDeleteInput, flowToDelete])

		return (
			<DropdownMenu>
				<DropdownMenuTrigger asChild>
					<Button variant="ghost" className="h-8 w-8 p-0">
						<span className="sr-only">Open menu</span>
						<Icons.More className="h-4 w-4" />
					</Button>
				</DropdownMenuTrigger>
				<DropdownMenuContent align="end">
					<DropdownMenuItem disabled={true}>Statistics</DropdownMenuItem>
					<Dialog open={confirmDialog} onOpenChange={setConfirmDialog}>
						<DialogTrigger asChild>
							<DropdownMenuItem
								className="flex select-none items-center cursor-pointer bg-negative/60 hover:bg-negative 
								onClick={(e) => {
									e.preventDefault()
									// e.stopPropagation()
									onDeleteFlow(row.original)
								}}
							>
								Delete
								<Icons.Delete className="ml-auto" />
							</DropdownMenuItem>
						</DialogTrigger>
						<DialogContent className="sm:max-w-[425px]">
							<DialogHeader>
								<DialogTitle>Confirm deletion</DialogTitle>
								<DialogDescription>
									Your data will be deleted from your main app views like this flow list. Data related to flow like 
									be pernament deleted. Flow strusture and flow versions will be archived.
								</DialogDescription>
								<DialogDescription>
									Type <span className="font-bold">DELETE</span> and press Confirm to process delete action
								</DialogDescription>
							</DialogHeader>
							<div className="gap-4 py-4">
								<Input
									id="delete"
									value={confirmDeleteInput}
									onChange={(e) => setConfirmDeleteInput(e.target.value)}
									className="w-full"
									placeholder="DELETE"
								/>
							</div>
							<Button type="submit" variant={'destructive'} onClick={onConfirmDelete}>
								Confirm 2
							</Button>
							<DialogFooter>
								<Button type="submit" variant={'destructive'} onClick={onConfirmDelete}>
									Confirm
								</Button>
							</DialogFooter>
						</DialogContent>
					</Dialog>
				</DropdownMenuContent>
			</DropdownMenu>
		)
	},
},
```

### Affected component/components

DropdownMenu, Dialog

### How to reproduce

Copy my components, you can delete business logic.

### Codesandbox/StackBlitz link

_No response_

### Logs

_No response_

### System Info

```bash
OS - MacOS
Browser - Brave
```


### Before submitting

- [X] I've made research efforts and searched the documentation
- [X] I've searched for existing issues