Image Resize Handle Z-Index

[Jeff]

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!

[Marin Bratanov]

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:

<img src="http://demos.telerik.com/aspnet-ajax/editor/Img/editor.jpg" alt="" />
<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

[Jeff]

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

[Marin Bratanov]

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