shouldCloseOnOverlayClick=false doesn't seem to stop my dialog from closing

[Astrophe]

Hi there,

I am trying to put a Select component within a Dialog, but I need to turn off the feature that closes the Dialog when the user clicks. It seems that shouldCloseOnOverlayClick={false} should do the trick, but my Dialog closes when I try to select the month and year nevertheless. The code for my Dialog is below. Any help would be appreciated!

<Dialog
                isShown={this.state.generateModalShown}
                shouldCloseOnOverlayClick={false}
                title="Please select month and year..."
                isConfirmLoading={this.state.generateLoading}
                onConfirm={() => { this.setState({ generateLoading: true }); this.GenerateCandE(); } }
                confirmLabel={this.state.generateLoading ? 'Generating...' : 'Generate Cards and Envelopes'}
                onCloseComplete={() => this.setState({ generateModalShown: false, generateLoading: false })}
              >
                {({ close }) => (
                  <Pane>
                    <Select name="month" id="month">
                      <option value="01">January</option>
                      <option value="02">February</option>
                      <option value="03">March</option>
                      <option value="04">April</option>
                      <option value="05">May</option>
                      <option value="06">June</option>
                      <option value="07">July</option>
                      <option value="08">August</option>
                      <option value="09">September</option>
                      <option value="10">October</option>
                      <option value="11">November</option>
                      <option value="12">December</option>
                    </Select>
                    <Select name="year" id="year">
                      <option value={this.state.year}>{this.state.year}</option>
                      <option value={this.state.year + 1}>{this.state.year + 1}</option>
                    </Select>
                  </Pane>
                )}
              </Dialog>
              <Button appearance="minimal" onClick={() => this.setState({ generateModalShown: true })}>Cards and Envelopes</Button>

[Astrophe]

Hi everyone,

I was able to solve my own problem! I had put my entire within a Menu item, which closed itself (and any associated components) when I clicked anywhere. I kept my button that set generateModalShow to true within my Menu, but moved my Dialog out of the menu, and that fixed the problem!

Thanks for a great UI Evergreen team!