Google Chrome

10 posts, 0 answers
  1. Stephanie
    Stephanie avatar
    139 posts
    Member since:
    Aug 2013

    Posted 12 May 2014 Link to this post

    We have an issue with the editor in Google Chrome. When the editor gets loaded the cursor does not look like it is in the editor box. If you click in the box then the cursor is there and you can start typing but you get a blank line at the top that you cannot remove. Our clients are complaining about this :)

    It does not do this in Firefox. If you do the above and then switch to html view you see "<p>text</p>". If you do the same in FireFox you see nothing in html view. Ironically if you switch to html mode in Google first and then switch back that does not happen. 

    How can we fix this so our clients are not unhappy?

  2. Ianko
    Admin
    Ianko avatar
    1535 posts

    Posted 13 May 2014 Link to this post

    Hello Stephanie,

    I am not sure if I understand the encountered problem. It would be helpful if you could provide more details about the configuration used. Maybe a simple project that demonstrates the issue, so that I could easily reproduce it on my end and investigate it further.

    On a side note, if the editor is initially hidden and shown dynamically upon client-side logic, then this could be a well known behavior that can be fixed using the repaint() method. Please examine this help article for more information on this matter.

    Regards,
    Ianko
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Sean
    Sean avatar
    3 posts
    Member since:
    May 2013

    Posted 02 Jun 2014 in reply to Ianko Link to this post

    I have this same problem. I've created a sample project that duplicates the issue here <https://docs.google.com/uc?export=download&id=0B28esAM-SVW5OVRFZm1oQUlPS00>


    Notice that the editor in Chrome also only shows the blinking cursor if you click on the very top line of the editor. Clicking any lower spot allows you to type in the editor but does not display the blinking cursor.
  5. Stephanie
    Stephanie avatar
    139 posts
    Member since:
    Aug 2013

    Posted 02 Jun 2014 in reply to Ianko Link to this post

    Sorry, somehow I didn't get notified of the Telerik reply...

    It looks like Sean is having the same issue. This is only an issue in Chrome for us. Everything works perfectly in the other browsers.
  6. Ianko
    Admin
    Ianko avatar
    1535 posts

    Posted 03 Jun 2014 Link to this post

    Hi all,

    The described issue is encountered due to a browser behavior of the Chrome browser. The content area of the radEditor is an iframe with a body element inside, which is set with 20px height. What happens is that the first line, in which the cursor is blinking is the body, but the rest of it is the iframe. In most browser the click event raises the body's event, but in Chrome this has not been as expected and the iframe click only focuses the body.

    A possible and simple resolution is to extend the body's height so that fills the iframe and the user actually clicks at the body and not at the iframe.

    Example:
    <telerik:RadEditor runat="server" ID="RadEditor1">
        <CssFiles>
            <telerik:EditorCssFile Value="Styles/StyleSheet.css" />
        </CssFiles>
    </telerik:RadEditor>

    StyleSheet.css
    body {
        height: 217px;
    }

    Regards,
    Ianko
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  7. Sean
    Sean avatar
    3 posts
    Member since:
    May 2013

    Posted 03 Jun 2014 in reply to Ianko Link to this post

    That solves the cursor issue but it doesn't address the p tag issue.

    You can see the p tag issue in the attached screenshot.
  8. Ianko
    Admin
    Ianko avatar
    1535 posts

    Posted 04 Jun 2014 Link to this post

    Hi,

    The P tag is getting inserted only if the NewLineMode is set to P and such behavior would be expected on user typing.

    In Firefox the P element will wrap the text after hitting Enter.

    Regards,
    Ianko
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  9. Sean
    Sean avatar
    3 posts
    Member since:
    May 2013

    Posted 04 Jun 2014 in reply to Ianko Link to this post

    In the example project, NewLineMode is set to div. The p tag only gets inserted for the first line while using chrome.
  10. Ianko
    Admin
    Ianko avatar
    1535 posts

    Posted 05 Jun 2014 Link to this post

    Hi Sean,

    The described behavior is logged and you can follow this feedback portal item for further updates on the task's update and for possible workarounds.

    Regards,
    Ianko
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  11. Stephanie
    Stephanie avatar
    139 posts
    Member since:
    Aug 2013

    Posted 12 Jun 2014 in reply to Ianko Link to this post

    I just changed the new line constant to br and that seems to work fine.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017