Bootstrap: flex-column-reverse with ipad-Safari problems

[Psoz]

• Operating system and version (IPAD)
• Browser and version (Safari)

Hello. i'm having problems with flex-md-column-reverse

I have two columns

<div class="row flex-lg-row flex-md-column-reverse">
    <div class="col-md-12 col-lg-9 mb-lg-0 mb-md-4"></div>
    <div class="col-md-12 col-lg-3"></div>
</div>

On ipad vertical i want to columns change places
It works on Windows , Chrome.
But on ipad it hide the content
only showing a little bit of the secound Columns.

[bardiharborow]

Please provide your Safari version, and a JSBin example if possible.

[mdo]

Closing until we hear more.

[SiteGefuehl]

I have the same issue on Safari 10.0.2 and iOS 10. I can give you an JSBin example one week later.

[noblesilence]

.flex-md-column-reverse > * {
    flex: 1;
}

The above code solved the issue for me.