Reproduction link

Steps to reproduce

In <Dropdown /> , add a dropdownRender function that wraps the argument in any JSX -- HTML, fragments, other components. Tabbing into the menu no longer works, nor does using the up/down arrow keys to change options.

What is expected?

Menu items are still accessible through the keyboard

What is actually happening?

The menu items are no longer focusable from the keyboard. Using the arrow keys doesn't cycle through the options.
| Environment | Info |
| ------------ | ------------ |
| antd | 5.20.0 |
| React | React 18.2.0 |
| System | MacOS 14.5 |
| Browser | Chrome |

It would be ideal if <Dropdown /> retains this behavior regardless of the content surrounding the menu items. It seems like, if it's using the default Menu functionality, there'd be a way to hook into that into the render function. Perhaps looking for focusable elements surrounding the rendered menu in case there's a need to focus out of the menu?

If that gets too complicated, there could be some form of instructions or API that allows us to access this functionality. The current tabindex="-1" prevents us from using the browser functionality.