min-height not interpreted preoperly after upgrading iOS 18.4

I have a UI application built with the Vue framework, using Vuetify for the UI components. There's a div with the class v-application--wrap, which is provided by Vuetify. This class internally includes the following style rule.

.v-application--wrap { backface-visibility: hidden; display: flex; flex: 1 1 auto; flex-direction: column; max-width: 100%; min-height: 100vh; position: relative; }

The pages were rendering correctly up to version 18.3, but after upgrading to version 18.4, we encountered layout issues related to height. Upon investigation, we discovered that the min-height property was no longer being interpreted or applied correctly. Replacing min-height with height resolved the issue, and the pages began loading as expected.

Any insights into why this behavior is occurring would be greatly appreciated.

Hi! Could you open an issue at https://bugs.webkit.org in the "Layout and Rendering," component with a test case that demonstrates the bug?

min-height not interpreted preoperly after upgrading iOS 18.4
 
 
Q