Flex CSS Layout flex: теперь для строки, не занимающей всю ширину столбца

Question

Используя nowarp содержимое в той же строке. например, в то время как ионный столб расширяется до 300 пикселей, но ионный ряд не распространяется до ширины столбца. Ионный ряд показывает только 200 пикселей.

ion-col (col-auto) увеличивается в зависимости от ширины, но ионный ряд не принимает ширину.

.nowraped{
    flex-wrap: nowrap !important;
}

<div *ngFor="let chart of charts">
    <div class="container">
        <ion-grid>
            <ion-row class="nowraped">
                <!--row showing as 200 px -->
                <ion-col col-6 style="max-width: 50%">
                    Data Layers
                </ion-col>
                <ion-col col-auto>
                    Data Layers (Content incresed to 300px)
                </ion-col>
            </ion-row>
        </ion-grid>
    </div>
</div>