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.
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.
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.
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" />
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.
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.
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/.
Autosize does not work. Please look at https://blazorrepl.telerik.com/wQEIFOvT3868Hl1V36 that has the following.
}
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