| ... | @@ -208,19 +208,17 @@ const ComposerPendingUserInputCard = memo(function ComposerPendingUserInputCard( | ... | @@ -208,19 +208,17 @@ const ComposerPendingUserInputCard = memo(function ComposerPendingUserInputCard( |
| 208 | </> | 208 | </> |
| 209 | ); | 209 | ); |
| 210 | return ( | 210 | return ( |
| 211 | <div | 211 | <button |
| 212 | key={`${activeQuestion.id}:${option.label}`} | 212 | key={`${activeQuestion.id}:${option.label}`} |
| 213 | role="button" | 213 | type="button" |
| 214 | tabIndex={isResponding ? -1 : 0} | 214 | disabled={isResponding} |
| 215 | aria-disabled={isResponding} | | |
| 216 | onClick={() => { | 215 | onClick={() => { |
| 217 | if (isResponding) return; | | |
| 218 | handleOptionSelection(activeQuestion.id, option.label); | 216 | handleOptionSelection(activeQuestion.id, option.label); |
| 219 | }} | 217 | }} |
| 220 | className={className} | 218 | className={className} |
| 221 | > | 219 | > |
| 222 | {content} | 220 | {content} |
| 223 | </div> | 221 | </button> |
| 224 | ); | 222 | ); |
| 225 | })} | 223 | })} |
| 226 | </div> | 224 | </div> |