Declined
Last Updated: 22 May 2022 13:01 by ADMIN
Jstemper
Created on: 21 Jan 2022 22:36
Category: UI for Blazor
Type: Bug Report
2
After update to 3.0.0 TextArea autosize no longer works.

After update to 3.0.0 TextArea autosize no longer works.

AutoSize is no longer one of the available properties.

Also Label is no longer an available property.

11 comments
ADMIN
Marin Bratanov
Posted on: 22 May 2022 13:01

Hello Greg,

As a first step, I suggest you drop unpkg and use a proper CDN, or the static resources we provide. You can find examples of both here: https://docs.telerik.com/blazor-ui/getting-started/what-you-need#client-assets. If this does not help, I recommend opening a separate support ticket where you can showcase the issue and see about solving it - it seems to me to deviate from the particular issue discussed here.

Regards,
Marin Bratanov
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Greg
Posted on: 20 May 2022 18:45

Just tried manually specifying the latest actual version number:

    <link rel="stylesheet" href="https://unpkg.com/@@progress/kendo-theme-default@5.4.1/dist/all.css" />

This version produces the same results as using "latest". i.e. TextAreas autosize properly but Telerik Reports cannot Export.

This is with the latest Blazor UI and Reporting versions.

Greg
Posted on: 20 May 2022 18:35

I have this same issue: TelerikTextAreas with autosize="true" do not expand vertically. Grid columns with string data have the same problem.

This is related to kendo theme css. From my app's _Host.cshtml:

This is supposed to get the latest version, but it breaks telerik reporting Export As. Bug reported to Telerik.
    <link rel="stylesheet" href="https://unpkg.com/@@progress/kendo-theme-default@latest/dist/all.css" />

Specifying a specific version lets telerik reporting export work. HOWEVER IT BREAKS TextArea autosizing.
    <link rel="stylesheet" href="https://unpkg.com/@@progress/kendo-theme-default@4.26.0/dist/all.css" />

ADMIN
Svetoslav Dimitrov
Posted on: 21 Apr 2022 08:10

Hello James,

This behavior stems from the fact that the Floating label component has a fixed width. The textarea takes 100% of the available vertical space provided by the wrapper (in this case the Floating label component). To achieve the desired behavior you can use some CSS to set the width of the FloatingLabel to 100%:

<style>
    .full-width {
        width: 100%;
    }
</style>

<TelerikWindow Modal="true" Height="400px"
               Width="500px" @bind-Visible="@isModalVisible"
               CloseOnOverlayClick="true">
    <WindowTitle>
        Window Title
    </WindowTitle>
    <WindowContent>
        <TelerikFloatingLabel Class="full-width" Text="(Optional)Enter Comments">
            <TelerikTextArea @bind-Value="@TextAreaValue" AutoSize="true" />
        </TelerikFloatingLabel>
        <br />
    </WindowContent>
    <WindowActions>
        <WindowAction Name="Close" />
    </WindowActions>
</TelerikWindow>

<TelerikButton OnClick="@( _ => isModalVisible = true )">Open the window</TelerikButton>

@code{
    bool isModalVisible { get; set; } = true;
    public string TextAreaValue { get; set; }
}

Regards,
Svetoslav Dimitrov
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

James
Posted on: 20 Apr 2022 14:11
Without floatinglabel it works as intended. I cannot use floatinglabel until this is fixed or there is a workaround to stretch the textarea to full width of what it is in. Seem like an issue with the new floatinglabel component. This is without the floating label which is expected behavior https://blazorrepl.telerik.com/wmkoQavo08LAtO9e35
ADMIN
Svetoslav Dimitrov
Posted on: 20 Apr 2022 05:52

Hello James,

The AutoSize parameter of the TextArea would adjust the vertical size of the component, but will not affect the horizontal space it takes. I have to report that this is the expected behavior of the component. 

Regards,
Svetoslav Dimitrov
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

James
Posted on: 15 Apr 2022 19:44
This telerik window restricts the Width of the window so it does not demonstrate the issue. I added Width property to the telerik window to show the textarea not expanding to same width of telerik window. https://blazorrepl.telerik.com/cGEylfPj38dsYbFQ33
ADMIN
Svetoslav Dimitrov
Posted on: 15 Apr 2022 09:58

Hello James and John,

Could you check this REPL snippet, it has the TextArea definition from James' last post and the component is hosted inside a Telerik Modal Window. When I try to type a long text the text are expand vertically to adjust to the length of the input. Do you observe a different behavior? I would appreciate if you could modify the REPL snippet so that the issue is reproducible. 

Regards,
Svetoslav Dimitrov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

James
Posted on: 10 Apr 2022 15:40

Autosize does not work. Please look at https://blazorrepl.telerik.com/wQEIFOvT3868Hl1V36 that has the following.


<TelerikFloatingLabel Text="(Optional)Enter Comments">
    <TelerikTextArea @bind-Value="@TextAreaValue" AutoSize="true"/>
</TelerikFloatingLabel>
<br />
@TextAreaValue
@code {
    public string TextAreaValue { get; set; }

}


 

ADMIN
Apostolos
Posted on: 24 Jan 2022 15:14

Hi John,

There are indeed breaking changes in the 3.0 release that affect TextArea, but there are no changes regarding the AutoSize parameter. I created a REPL example that uses TextArea with AutoSize and works as expected. Take a look and let me know if I missed something.

Check in the above article that the Label parameter is now removed and will be replaced by the Floating Label component in the 3.2 release. Meanwhile use this Knowledge Base article as a reference to add a label.

As this is an expected behavior I am marking this Bug Report as declined. 

Let me know if you need more information.

Regards,
Apostolos
Progress Telerik

Learn about the important changes coming in UI for Blazor 3.0 in January 2022!
Jstemper
Posted on: 24 Jan 2022 15:13
After the upgrade to 3.0 the auto size feature of TextArea when used inside the Window component no longer works.