                   </div>
                 </TriggeredModalForm>
                 {' '}
+                {hasFocus = true}
               </span>}
           </div>}
 

              'radio'
            <div key={questionID} className="survey-task-choice-question" data-multiple={question.multiple || null}>
              <div className="survey-task-choice-question-label">{question.label}</div>
              {for answerID in question.answersOrder
                answer = question.answers[answerID]
                isChecked = if question.multiple
                  answerID in (@state.answers[questionID] ? [])

          <div className="survey-task-choice-confusions">
            Often confused with
            {' '}
            {for otherChoiceID, i in choice.confusionsOrder
              otherChoice = @props.task.choices[otherChoiceID]
              <span key={otherChoiceID}>
                <TriggeredModalForm
                  className="survey-task-confusions-modal"
                  triggerProps={autoFocus: not hasFocus and i is 0}
                  trigger={
                    <span className="survey-task-choice-confusion">
                      {otherChoice.label}
                      </span>
                  }
                  style={maxWidth: '60ch'}
                >
                  <ImageFlipper images={@props.task.images[filename] for filename in otherChoice.images} />
                  <Markdown content={choice.confusions[otherChoiceID]} />
                  <div className="survey-task-choice-confusion-buttons" style={textAlign: 'center'}>
