Reports

Currently, some browsers do not support event.originalEvent.propertyName === 'height' when the initial or final CSS property is set to auto. To address this, the best approach is to use CSS's feature detection to apply a static height value for browsers that do not support this behavior. Below is an example implementation:

body > header {
    height: 8.25em;
    transition: height 500ms ease-out;
}

@media only screen and (max-width: 1000px) {

    body > header {
        height: 6.25em;
    }

}

/* Styles for Chromium-based browsers (excluding Firefox & Safari) */
@supports (-webkit-appearance: none) and (not (-moz-appearance: none)) and (not (-webkit-touch-callout: none)) {

    body > header {
        height: auto;
    }

}

79278893