重复问题

• 我已搜索现有的问题

最新版本

• 我已测试了最新版本

重现步骤 🕹

链接到实时示例： https://codesandbox.io/s/pedantic-tamas-1kzrk5?file=/demo.js
步骤：

1. 上面的例子显示，与自动完成功能内联的组件总是被换行。
2. 将一个组件放在自动完成旁边，注意它总是移到下一行。

当前行为 😯

跟随自动完成的按钮和组件被换行到下一行。

预期行为 🤔

我希望如果空间允许，组件能保持在同一行。例如，我想把一个相关的按钮放在自动完成的右边，但它总是被换行。

上下文 🔦

我正在尝试把按钮放在自动完成的右边。

你的环境 🌎

npx @mui/envinfo

System:
    OS: macOS 12.5
  Binaries:
    Node: 18.12.1 - ~/.nvm/versions/node/v18.12.1/bin/node
    Yarn: Not Found
    npm: 8.19.2 - ~/.nvm/versions/node/v18.12.1/bin/npm
  Browsers:
    Chrome: 108.0.5359.124
    Edge: Not Found
    Firefox: 108.0.1
    Safari: 15.6
  npmPackages:
    @emotion/react: ^11.10.5 => 11.10.5
    @emotion/styled: ^11.10.5 => 11.10.5
    @mui/base:  5.0.0-alpha.112
    @mui/core-downloads-tracker:  5.11.2
    @mui/icons-material: ^5.11.0 => 5.11.0
    @mui/material: ^5.11.1 => 5.11.2
    @mui/private-theming:  5.11.2
    @mui/styled-engine:  5.11.0
    @mui/system:  5.11.2
    @mui/types:  7.2.3
    @mui/utils:  5.11.2
    @types/react:  18.0.26
    react: 18.2.0 => 18.2.0
    react-dom: 18.2.0 => 18.2.0
    typescript:  4.9.4