Textarea with autoResize true not displayed correctly when initially hidden

[wanglin86769]

[wanglin86769]

<template>
    <div>
        <DataTable :value="cars">
            <Column field="vin" header="Vin">
                <template #body="slotProps">
                    <Textarea v-model="slotProps.data.vin" :autoResize="true" rows="5" style="width:100%" />
                </template>
            </Column>
            <Column field="year" header="Year"></Column>
            <Column field="brand" header="Brand"></Column>
            <Column field="color" header="Color"></Column>
        </DataTable>

        <br>

        <TabView>
            <TabPanel header="Test I">
                <DataTable :value="cars">
                    <Column field="vin" header="Vin">
                        <template #body="slotProps">
                            <Textarea v-model="slotProps.data.vin" :autoResize="true" rows="5" style="width:100%" />
                        </template>
                    </Column>
                    <Column field="year" header="Year"></Column>
                    <Column field="brand" header="Brand"></Column>
                    <Column field="color" header="Color"></Column>
                </DataTable>
            </TabPanel>
            <TabPanel header="Test II">
                <DataTable :value="cars">
                    <Column field="vin" header="Vin">
                        <template #body="slotProps">
                            <Textarea v-model="slotProps.data.vin" :autoResize="true" rows="5" style="width:100%" />
                        </template>
                    </Column>
                    <Column field="year" header="Year"></Column>
                    <Column field="brand" header="Brand"></Column>
                    <Column field="color" header="Color"></Column>
                </DataTable>
            </TabPanel>
            <TabPanel header="Test III">
                <DataTable :value="cars">
                    <Column field="vin" header="Vin">
                        <template #body="slotProps">
                            <Textarea v-model="slotProps.data.vin" :autoResize="true" rows="5" />
                        </template>
                    </Column>
                    <Column field="year" header="Year"></Column>
                    <Column field="brand" header="Brand"></Column>
                    <Column field="color" header="Color"></Column>
                </DataTable>
            </TabPanel>
        </TabView>
    </div>
</template>

<script>

export default {
    data() {
        return {
            cars: [
                {
                    "brand": "VW",
                    "year": 2012,
                    "color": "Orange",
                    "vin": "dsad231ff"
                },
                {
                    "brand": "Audi",
                    "year": 2011,
                    "color": "Black",
                    "vin": "gwregre345"
                },
                {
                    "brand": "Renault",
                    "year": 2005,
                    "color": "Gray",
                    "vin": "h354htr"
                }
            ]
        }
    },
    components: {
    }
}
</script>

<style scoped>

</style>

[cagataycivici]

I'll check for next week's 1.3.0, thanks.