输入框组件设置 submitType="shiftEnter"，在 Suggestion 下，Enter 换行失效

[Yekongs]

重现步骤

在线示例链接：（必填）
https://codesandbox.io/p/devbox/adoring-bell-46vnjr?file=%2FDemo.tsx%3A42%2C13-42%2C36&workspaceId=ws_Cbm6m1sbX4QkwbDZxBubfj
步骤：

1. 输入框里按下 enter ，发现输入框并没有换行

当前行为

No response

预期行为

应该换行

上下文

No response

版本

2.0.1

您在哪些浏览器上遇到了这个问题？

No response

[coderabbitai]

📝 CodeRabbit Plan Mode

Generate an implementation plan and agent prompts for this issue.

• Create Plan

Examples

• Example 1
• Example 2

🔗 Similar & Duplicate Issues

Related Issues

• ant-design/x#540

👤 Suggested Assignees

• zxyah

---

🧪 Issue enrichment is currently in early access.

To disable automatic issue enrichment, add the following to your .coderabbit.yaml:

issue_enrichment:
  auto_enrich:
    enabled: false

[dosubot]

Hi @Yekongs! I'm Dosu and I’m helping the x team.

这个问题的根本原因是：当 Suggestion 下拉面板打开时，Suggestion 组件会拦截 Enter 键，并始终调用 e.preventDefault()，导致输入框无法正常换行（即使设置了 submitType="shiftEnter"）——因为 Enter 被用于选中建议项，而不是插入换行符。相关源码

在 2.0.1 版本，输入框的 onKeyDown 还不支持返回 false 来阻止后续处理（这个能力是 12 月 2 日合并的 PR #1406，2.0.1 没有），所以目前无法通过简单配置让 Enter 在 Suggestion 打开时插入换行。

可选解决方案：

1. 可以通过追踪 Suggestion 的打开状态（比如用 onOpenChange），在 onSubmit 里判断 Suggestion 是否打开，如果打开则不提交，只做换行处理。相关讨论
2. 如果需要更细致的控制，只能自定义 onKeyDown，手动判断当前是否在 Suggestion 状态，并决定是否插入换行或阻止默认行为。

建议：
如果可以升级，建议升级到包含 PR #1406 的新版本，这样可以用 onKeyDown 返回 false，实现更灵活的键盘行为控制。

如需 2.0.1 下的 workaround，可以参考如下伪代码思路：

const [isSuggestionOpen, setSuggestionOpen] = useState(false);

<Suggestion onOpenChange={setSuggestionOpen}>
  <Sender
    submitType="shiftEnter"
    onSubmit={(value) => {
      if (isSuggestionOpen) {
        // 不提交，插入换行
        // 这里需要手动插入换行逻辑
        return;
      }
      // 正常提交
    }}
  />
</Suggestion>

如需更详细代码或有特殊场景，可以补充说明。

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}

   

[Yekongs]

现在是当 Suggestion 下拉面板没有打开，或者打开后选中了一个，此时已经没有了下拉面板。这个时候 Enter 换行依旧是失效的呢
还是说你说的【下拉面板打开时】指的这个能力呀，而不是真的那个下拉面板悬浮框

[dosubot]

这个情况其实是 2.0.1 版本的已知实现细节：
当 Suggestion 下拉面板关闭后，理论上 Enter 应该可以正常换行（submitType="shiftEnter" 时，只有 Shift+Enter 会提交，普通 Enter 应该插入换行）——但实际你发现换行依旧失效，是因为上一次选中 suggestion 时，输入框内部的 keyLock 还没被释放，导致本次 Enter 没有触发换行。keyLock 只会在 keyup 时释放，所以需要等下一个按键周期才恢复正常行为。源码参考

没有残留的事件监听器或 Suggestion 状态会阻止 Enter，只是 keyLock 的机制导致选中建议后第一次 Enter 被“吃掉”了，之后就恢复正常。

解决思路：

• 可以在 onKeyUp 里手动重置 keyLock，或者在 Suggestion 选中后主动 focus 并触发一次 keyup，确保下次 Enter 能正常换行。
• 也可以用 onOpenChange 追踪 Suggestion 状态，在关闭后主动清理 keyLock。

升级建议：
新版本（包含 PR #1406）支持 onKeyDown 返回 false，可以更细致地控制键盘行为。如果可以升级，推荐升级。

伪代码示例：

const senderRef = useRef();

<Suggestion onOpenChange={(open) => {
  if (!open) {
    // 下拉关闭时，主动释放 keyLock
    senderRef.current?.resetKeyLock?.();
  }
}}>
  <Sender
    ref={senderRef}
    submitType="shiftEnter"
    // 其它 props
  />
</Suggestion>

如需更详细代码或遇到特殊场景可以补充说明。

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}