No resizing handles for image with Firefox

Progress® Telerik® UI for ASP.NET AJAX Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Completed

Last Updated: 20 Mar 2019 15:28 by ADMIN

MailUp Dev

Created on: 16 Jan 2019 09:29

Category: UI for ASP.NET AJAX

Type: Bug Report

No resizing handles for image with Firefox

Using Firefox 64.0, selecting an image doesn't appear the resizing handles which are located on each corner of the object

5 comments

ADMIN

Rumen

Posted on: 08 Mar 2019 09:52

Hi All,

I have good news that the browser breaking change is fixed and available for testing in the Latest Internal Build version 2019.1.308, we just released.

You can download the LIB from https://www.telerik.com/account/product-download?product=RCAJAX -> click on the Internal Builds tab -> download Telerik_UI_for_ASP.NET_AJAX_2019_1_308_Dev_hotfix.zip or Telerik_UI_for_ASP.NET_AJAX_2019_1_308_Trial_hotfix.zip depending on your license.

Here are the Release Notes -> Editor -> Enable the resizing handles for image and table elements with Firefox 63+.

The improvement will be also part of the upcoming in May major R2 2019 release.

Regards,
Rumen
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.

ADMIN

Rumen

Posted on: 05 Mar 2019 16:56

Our plan is to enable our own resizing functionality, which works from years in Chrome, since the FF plans are to disable/remove their built-in resizing functionality: Firefox-specific HTML editing UI has been deprecated.

Regards,
Rumen
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.

ADMIN

Rumen

Posted on: 05 Mar 2019 16:49

Hi All,

This browser change will be fixed in the source code of RadEditor in the next LIB (nightly build) of the suite as well as included in the next official R2 2019 release, due in May.

@William: thank you for sharing the solutions!

Here is how to apply your code to RadEditor document:

<script>

function OnClientLoad(editor) {

editor.get_document().execCommand('enableObjectResizing', false, true);

editor.get_document().execCommand('enableInlineTableEditing', false, true);

editor.get_document().execCommand('enableAbsolutePositionEditor', false, true);

}

</script>

<telerik:RadEditor ID="RadEditor1" runat="server" OnClientLoad="OnClientLoad"></telerik:RadEditor>

Best regards,
Rumen
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.

William

Posted on: 04 Mar 2019 18:18

On load of your editor, you can call editor._initializeResizableWidget() via javascript to resolve the issue or you can do the below code on load of your dialog (make sure to have the document of the editor)

document.execCommand('enableObjectResizing', false, true);
document.execCommand('enableInlineTableEditing', false, true);
document.execCommand('enableAbsolutePositionEditor', false, true);

ADMIN

Rumen

Posted on: 16 Jan 2019 11:22

Hello,

I tested the image resize functionality in an editable div/iframe (as in the demo http://dojo.telerik.com/OHIrIdEV ) in the latest Firefox and can confirm that this is a browser regression since the handlers used to appear in the old Firefox versions.

The content area of RadEditor is an editable div/iframe and it reuses the image resize functionality provided by Firefox and IE. In Chrome it is out own implementation. Since Firefox has changed this behavior and the handles are gone, if the FF developers do not fix the issue, we will try to enable the handlers used in Chrome in Firefox too.

Best regards,
Rumen
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.