Slack input块内单选按钮触发app.action事件的异常问题排查

1. 文档认知偏差：bolt-js文档中“input块内操作元素不触发事件”的描述仅针对模态框（Modal）内的input块——这类场景下，input块的交互元素值只会在模态框提交时被收集，不会实时触发action事件。但如果是在普通消息（Message）里的input块，其中的单选按钮依然会在用户选择时实时触发action事件。

2. 无效操作的原因：

   • 移除对应监听器：Slack仍会发送事件请求，服务未处理就会触发超时报错（Slack要求所有事件必须在3秒内返回确认响应）
   • 删除action_id：Slack会自动为无action_id的交互元素生成默认标识，依然会发送事件
   • 设置dispatch_action: false：该属性仅对文本输入框（如plain_text_input）生效，用于控制输入时是否触发事件，对单选按钮这类原生选择元素无效

• 场景1：普通消息中的单选按钮
  不要将单选按钮放在input块内，改用actions块包裹。如果必须保留input块，需添加一个通用的action监听器快速确认事件：

  app.action({ type: 'radio_buttons' }, async ({ ack }) => {
    await ack();
  });
  

  这个监听器会捕获所有单选按钮的触发事件，直接返回200确认，避免超时报错。

• 场景2：模态框中的单选按钮
  检查模态框的结构，确保单选按钮确实放在input块的element字段下，而非actions块内。正确的模态框input块结构示例：

  {
    "type": "input",
    "block_id": "radio_input",
    "element": {
      "type": "radio_buttons",
      "action_id": "radio_action",
      "options": [
        { "text": { "type": "plain_text", "text": "选项1" }, "value": "opt1" },
        { "text": { "type": "plain_text", "text": "选项2" }, "value": "opt2" }
      ]
    },
    "label": { "type": "plain_text", "text": "请选择" }
  }
  

  这种结构下，单选按钮只会在模态框提交时传递值，不会实时触发action事件。

内容的提问来源于stack exchange，提问作者dryairship