radeditor material autoreziseheight issue

9 posts, 1 answers
  1. Fit2Page
    Fit2Page avatar
    345 posts
    Member since:
    Feb 2007

    Posted 24 Aug Link to this post

    When enabling AutoResizeHeight on Radeditor with Material skin the attached appears in PREVIEW mode.

     

    Marc

  2. Fit2Page
    Fit2Page avatar
    345 posts
    Member since:
    Feb 2007

    Posted 24 Aug in reply to Fit2Page Link to this post

    Done some more investigation.

     

    When using only a RadEditor everything is OK.

    It breaks in combination with the next object on the page:

     

    <telerik:RadFormDecorator RenderMode="Lightweight" Skin="Material" runat="server" EnableRoundedCorners="true" DecoratedControls="All" />

     

    Marc

  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Vessy
    Admin
    Vessy avatar
    1382 posts

    Posted 29 Aug Link to this post

    Hi Marc,

    I tried to replicate the described behavior but the Editor behaves as expected on my side. Can you elaborate a bit on the exact scenario in which the issue occurs?
    • Which version of the controls are you using in your application?
    • Do you have any custom styles set on the page holding the Editor? Does removing them make a difference?
    • What is the Editor's configuration leading to the undesired result?

    I am pasting below the configuration I have used for my tests. Are you able to reproduce the same problem with it?

    <telerik:RadFormDecorator RenderMode="Lightweight" Skin="Material" runat="server" EnableRoundedCorners="true" DecoratedControls="All" />
      
    <telerik:RadEditor ID="RadEditor1" runat="server"  RenderMode="Lightweight" AutoResizeHeight="true">
        <ImageManager ViewPaths="~/Images" DeletePaths="~/Images" UploadPaths="~/Images" />
    </telerik:RadEditor>

    Regards,
    Vessy
    Telerik by Progress
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
  5. Fit2Page
    Fit2Page avatar
    345 posts
    Member since:
    Feb 2007

    Posted 31 Aug in reply to Vessy Link to this post

    Hi Vessy, of course you should put some content in the editor to reproduce like:

     

    <telerik:RadFormDecorator RenderMode="Lightweight" Skin="Material" runat="server" EnableRoundedCorners="true" DecoratedControls="All" />
     
    <telerik:RadEditor ID="RadEditor1" runat="server"  RenderMode="Lightweight" AutoResizeHeight="true">
        <ImageManager ViewPaths="~/Images" DeletePaths="~/Images" UploadPaths="~/Images" />
        <Content>

            a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />
        </Content>
    </telerik:RadEditor>

     

    This occurs with no further CSS applied, no JS applied and in FF and Chrome, 2016.2.607.45.

    Furthermore, when I try Edge I see the AutoResize function is creating way too much space in the editor.

     

    Marc

  6. Vessy
    Admin
    Vessy avatar
    1382 posts

    Posted 07 Sep Link to this post

    Hi Mark,

    I tested the Editor with the given content, but I am still not able to replicate the problem: screenshot.

    Can you answer the questions below, so we can ensure we are testing the control in one and the same environment?
    • Are you using the latest version of the controls like stated in the ticket info (2016.2.607)?
    • Does the problem appears in all browsers or only in a specific one? Which is its version?

    Regards,
    Vessy
    Telerik by Progress
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
  7. Fit2Page
    Fit2Page avatar
    345 posts
    Member since:
    Feb 2007

    Posted 08 Sep in reply to Vessy Link to this post

    Hi Vessy,

     

    I created a sample project, I hope you can reproduce now.

    I encounter the problem in Chrome, FF and Edge all latest versions.

    Where can I upload my sample project ZIP?

     

    Marc

  8. Fit2Page
    Fit2Page avatar
    345 posts
    Member since:
    Feb 2007

    Posted 08 Sep Link to this post

    Some additional information to reproduce:

     

    Open in DESIGN mode, then switch to HTML mode anf then switch to PREVIEW mode.

    Marc
  9. Fit2Page
    Fit2Page avatar
    345 posts
    Member since:
    Feb 2007

    Posted 08 Sep Link to this post

    It seems that a hidden textarea gets visible when switching between the modes as I described in my earlier posts.

    We have created a workaroud through this CSS line:

     

     textarea.reTextArea.reTextAreaHidden {display:none!important}

    Please give us your opinion.

    marc

  10. Answer
    Vessy
    Admin
    Vessy avatar
    1382 posts

    Posted 13 Sep Link to this post

    Hi Marc,

    Thank you for the provided additional information. We managed to reproduce the issue and logged it as a bug in our RadFormDecorator control, you can track its progress here:
    http://feedback.telerik.com/Project/108/Feedback/Details/200867

    Temporary you can workaround the issue by configuring the FormDecorator's ControlsToSkip property to "TextArea".

    Your Telerik points also were updated accordingly.

    As for the attaching of a project - the zip archives can be attached only in private support tickets, but not in the forums.

    Regards,
    Vessy
    Telerik by Progress
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017