Image Resize Handle Z-Index

4 posts, 0 answers
  1. Jeff
    Jeff avatar
    47 posts
    Member since:
    Aug 2008

    Posted 23 Jan 2014 Link to this post

    Hello, please see attached PNG that show the resize handles for a selected image. Notice that as I scroll down the handles are shown above the editor menu and outside the editor. The editor is shown within a tooltip. Everything else is working correctly. I am assuming this is a z-index issue. Note that I set the tooltip z-index to 2000 but that is the only z-index setting I set. Thank you!
  2.
  3. Marin Bratanov
    Admin
    Marin Bratanov avatar
    5925 posts

    Posted 27 Jan 2014 Link to this post

    Hello Jeff,

    Could you tell me which browser is having this issue? I am asking this, because the resize handles for an image in an editable iframe are a browser feature we cannot control, and not all browsers offer it. As far as I can see, this seems to be IE's resize handles, and this would be a behavior of the browser. You can reproduce this with the simple editable iframe that I attached and with the following HTML:
    <div style="height: 1000px;">spacer</div>

    I was not able to reproduce a problem in Firefox (that being the other browser that offers images resizing OOB in its rich text editing engine) and with Chrome, where we have implemented our own image resizing.

    Regards,
    Marin Bratanov
    Telerik
    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 UI for ASP.NET AJAX, subscribe to the blog feed now.
  5. Jeff
    Jeff avatar
    47 posts
    Member since:
    Aug 2008

    Posted 27 Jan 2014 in reply to Marin Bratanov Link to this post

    Hello Marin, yes the browser is IE. So is there an associated css class that I could override the z-index? Thank you.
  7. Marin Bratanov
    Admin
    Marin Bratanov avatar
    5925 posts

    Posted 29 Jan 2014 Link to this post

    Hello Jeff,

    These resize handles are added by the browser rich text editing engine and are not HTML elements. Thus, I am not aware of a way to inspect or modify them with code/dev toolbar/any other means. Should you find one I would encourage you to post it in the code-library section for RadEditor and we will gladly award your contribution.


    Regards,
    Marin Bratanov
    Telerik
    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 UI for ASP.NET AJAX, subscribe to the blog feed now.
Back to Top