(FIXED) As of version 14.0 of Safari on macOS, and release 114 of Safari Technology Preview, webkit can not transition the flex-basis attribute alone, when applied to the transform property.

/_ this does not work in Webkit! _/
transition: flex-basis 0.3s ease;

This works fine in Chromium and Mozilla-based browsers.

To get this working in Webkit, you’ll currently have to use the all value.

/_ this works in Webkit _/
transition: all 0.3s ease;

However, this can be potentially performance heavy, as all properties are being transitioned.

Webkit Bugzilla bug