Big problem with larger images

5 posts, 0 answers
  1. Harry
    Harry avatar
    7 posts
    Member since:
    Mar 2010

    Posted 28 Mar 2011 Link to this post

    Hi,

    I found a problem ... when I got a big image in the editor area and click it to select the size controls are visible outside the editor area and the buttons no longer fire an click event if the selected content "overlays" the buttons ... only a dbl click would launch e.g. the image editor. This bug also occurs at the demos ...

    just select the image make it e.g. 2000x2000 pixel .. keep it selected an then try to click any button from the editor ...

    Browser IE9 ... Firefox is fine on that issue

    Any solution on that ?

    Regards,
    Harald
  2. Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 30 Mar 2011 Link to this post

    Hi Harry,

    This problem is not directly related to RadEditor but is a default browser behavior and we cannot modify it. RadEditor's content area is an editable <iframe> and the control is based on the browser's default RichTextEditing engine. You can observe the same behavior using a standard editable <iframe>. For your convenience I have attached a sample HTML page.

    Kind regards,
    Dobromir
    the Telerik team
  3. Ernesto
    Ernesto avatar
    22 posts
    Member since:
    Sep 2010

    Posted 22 Sep 2011 Link to this post

    Hello Dobromir,

    As you know RadEditor have property called 'ContentAreaMode'. This property have two possible values: iframe and div. As I understand 'iframe' is used by default, but when I changed it to 'div' - iframe is not used anymore for RadEditor but described below problem still exists.

    I am using 2011.2.915.20 version of telerik. Is this problem can be solved somehow?

    Regards,
    Ernesto.
  4. Rumen
    Admin
    Rumen avatar
    14031 posts

    Posted 22 Sep 2011 Link to this post

    Hi Ernesto,

    As Dobromir already explained this is a browser behavior. I researched the problem and found that it is due to the unselectable="on" attribute that we set in all toolbar buttons. You can see my test in the following video: http://screencast.com/t/RejQW11pt.

    We cannot remove the unselectable="on" attributes because the toolbar buttons will not function property, for example the copied content will be pasted outside of the editor or at the beginning of the content area. Multiple side effects will popup as well.

    All you need to do is to scroll the image so that it does not overlay the toolbar and you will be able to use the toolbar buttons.

    Regards,
    Rumen
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  5. Ernesto
    Ernesto avatar
    22 posts
    Member since:
    Sep 2010

    Posted 26 Sep 2011 Link to this post

    Thanks for your answer Rumen. Stupid IE.. always give a lot problems to web developers.
Back to Top