In Gatsby, in Firefox, all click events close calendar

When react-date-picker is used in a Gatsby app within a Firefox browser all click events (whether on the calendar days or the navigation arrows at the top) all close the calendar instantly. When I click on a day, the calendar closes without inputting a date. All click events seem to trigger react-date-picker--open class to change to react-date-picker--closed before anything else can happen.

To reproduce, spin up a new gatsby project and drop the datepicker in anywhere. I did not see this problem with a create-react-app.

If I mount the react-date-picker component on the DOM via ReactDOM, this fixes the problem, but that doesn’t seem like a good workaround in my use case.

[pedrofsantoscom]

Adding disableEnforceFocus={true} to Material UI Dialog fixed it:

import { Dialog } from '@material-ui/core'

<Dialog disableEnforceFocus={true} ></Dialog>

[marcoancona]

Facing a similar issue with a custom calendar implementation. Maybe a shouldCalendarClose optional prop that, given the event triggering the close, can return true/false to change the behavior?