title: Keyboard navigation with react-select don't work inside of sweetalert2 (sweetalert2-react-content)
body: <p>I try to implement a react-select: and all works fine. It's amazing: </p>
  
  <pre><code>                        &lt;Select
                              value={this.state.selectedCourse}
                              onChange={this.handleCourseChange}
                              options={courses.map((course) =&gt; {
                                  return ({value: course.id, label: course.name});
                              })}
                              className={'react-selectize-custom'}
                              theme={theme =&gt; ({
                                  ...theme,
                                  borderRadius: 0,
                                  colors: {
                                      ...theme.colors,
                                      primary25: '#f7f7f7',
                                      primary: '#2679ab',
                                  },
                              })}
                              isClearable
                              isSearchable
                          /&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/ekQot.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ekQot.png" alt="enter image description here"></a></p>
  
  <p>All works fine BUT I can not navigate with the keyboard. Not at all.</p>
  
  <p>Has this something to do with the state (this.state.selectedCourse) but when this is a problem, 
  why navigation with mouse works? </p>
  
  <p>Can someone help?</p>
  
  <p>I created a Codesandbox: </p>
  
  <p><a href="https://codesandbox.io/s/inspiring-bash-hu24h?fontsize=14&amp;hidenavigation=1&amp;theme=dark" rel="nofollow noreferrer">Codesandbox - Example</a></p>