Updating orientation to HORIZONTAL hides the calendar.

Hi people from the internet.

When using the DayPickerRangeController and changing from VERTICAL to HORIZONTAL orientation the calendar is not render correctly.

Until I hit some arrow, then it re-renders correctly.

I’m using window.matchMedia to change the properties of the component.

updateDimensions(){
        if (window.matchMedia("(min-width: 1158px)").matches) {
        /* the viewport is at least 1158px pixels wide */
            this.setState({orientation: HORIZONTAL_ORIENTATION, numberOfMonths: 2})
        } else {
        /* the viewport is less than 1158px pixels wide */
            this.setState({orientation: VERTICAL_ORIENTATION, numberOfMonths: 1})
        }
    }

EDIT:

Found out that the element transition-container transition-container--horizontal is missing its height.

[ljharb]

Closing pending repro.

[mib32]

@danedavid @majapw I was experiencing it when I was on v12, now updated to v20.2.5 - and the issue is gone.