Can't select images in Safari or Chrome

29 posts, 0 answers
  1. Randy
    Randy avatar
    2 posts
    Member since:
    Jul 2010

    Posted 12 Jul 2010 Link to this post

    You can reproduce these problems on your rad editor demo.
    1. Open the demo and left click the RadEditor image. Note it doesn't select the image in Safari or Chrome, and thus the image properties don't appear in the Properties Inspector. But it works fine in IE, FF and Opera.
    2. However, when you select the image in Opera, you can't initially make the cursor appear in the Width, Height, nor Border Width boxes. You have the click the up arrow in the box, and then you can click inside the box to start typing
    3. Right click the image in Chrome and Safari and note the image turns blue and the properties appear in the Properties Inspector.
    4. You can then left click to remove the context menu in Chrome and Safari and manipulate the selected image in the properties inspector. But the blue overlay looks bad.
    5. Note that resizing handles do not appear on a selected image in Safari, Chrome, nor Opera.
  2. Rumen
    Admin
    Rumen avatar
    12846 posts

    Posted 13 Jul 2010 Link to this post

    Hello Randy,

    Please, note that the image resize handlers are provided by the Rich Text Editing engine of the used browser. This feature is still not implemented by Safari / Google Chrome and Opera developers and it is not possible to be enabled in RadEditor under these browsers.

    We are aware of that when an image is right clicked in Safari and Chrome it becomes selected and we plan to fire this event when an image is clicked with the left mouse button to select it. This feature is logged in our feature requests list and will be implemented in a future build of the control.


    Kind regards,
    Rumen
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Randy
    Randy avatar
    2 posts
    Member since:
    Jul 2010

    Posted 13 Jul 2010 Link to this post

    Thank you for the reply. I look forward to the fixes.

    Have you ever thought about making your own Rich Text Editing engine and bypassing the browser's? This would eliminate some of the cross browser problems like resizing handles not appearing, the Enter key behaving differently, etc. I realize that's probably a huge task.
  5. Rumen
    Admin
    Rumen avatar
    12846 posts

    Posted 14 Jul 2010 Link to this post

    Hello Randy,

    The browser plays the most important part in our product - it edits the content. If a feature is not supported by the browser we have to write it ourselves. However, if we do not use the editing engine of the browser, we have to write the complete control from scratch, and the end result will be far from the one we currently offer. Not to say that we have to rewrite the browser's rendering engine and the rich-text editing engine, we have to offer support for CSS, JavaScript, HTML, XHTML editing, displaying images, tables etc. As far as I know this is about 15MB of an installation on the client. There is no way we can display this type of application through an internet connection.
    The development of the rich-text editing engine by Web-Kit browsers and Opera  is moving forward and the needs of our clients have shifted towards better products - fast, usable, stable, bug-free and extensively customizable. This all should come in the smallest package possible, for performance issues. We are using everything the current browsers offer and sincerely hope that Web-kit and Opera developers will implement the features provided by IE and Firefox.

    Best regards,
    Rumen
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  6. zhangjue
    zhangjue avatar
    4 posts
    Member since:
    Jul 2010

    Posted 18 Oct 2010 Link to this post

    Hello Rumen,

    Our clients want the image selection feature in Safari and Chrome quite urgently. I wonder when this fix can be released, where can I see the feature implementation plan or progress? thanks.

    Regards,
    Shi Zhangjue
  7. Rumen
    Admin
    Rumen avatar
    12846 posts

    Posted 21 Oct 2010 Link to this post

    Hi Shi,

    We will try to add the ability to select images in the content area of RadEditor in Chrome and Safari for the Q3 2010 release of RadControls for ASP.NET AJAX.

    In the meantime you can use the following code solution to enable the image selection in Safari and Chrome:

    <telerik:RadEditor runat="server" ID="RadEditor1" OnClientLoad="OnClientLoad">
        <Content>test<img alt="" src="http://demos.telerik.com/aspnet-ajax/editor/Img/editor.jpg" />test</Content>
    </telerik:RadEditor>
    <script type="text/javascript">
    function OnClientLoad(editor, args)
    {
        if ($telerik.isSafari)
        {
          var element = editor.get_contentArea();
          $telerik.addExternalHandler(element, "click", function(e)
          {
           if (e.srcElement.tagName == "IMG")
           {
                editor.selectElement(e.srcElement);
           }
          });
        }
    }
    </script>


    Note that the temporary solution does not work when editing full HTML content.

    Greetings,
    Rumen
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  8. zhangjue
    zhangjue avatar
    4 posts
    Member since:
    Jul 2010

    Posted 22 Oct 2010 Link to this post

    Thanks. When will this Q3 update be released?
  9. Rumen
    Admin
    Rumen avatar
    12846 posts

    Posted 22 Oct 2010 Link to this post

    Hi,

    We are targeting a release date for the official Q3 2010 release for 10th of November 2010.

    Best wishes,
    Rumen
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  10. Michael
    Michael avatar
    84 posts
    Member since:
    May 2008

    Posted 09 Dec 2010 Link to this post

    This issue is still present for all WebKit browsers in Q3, including the latest internal release 1206. Even the javascript workaround is not working. There are also some other minor quirks in WebKit browsers too.
  11. Rumen
    Admin
    Rumen avatar
    12846 posts

    Posted 11 Dec 2010 Link to this post

    Hi Michael,

    The fix is included in the Q3 2010 release of RadControls for ASP.NET AJAX. You can see in the following video http://screencast.com/t/qqn9nGE4wumt that I am able to select an image in Chrome and Safari by just clicking on the image with the left mouse button.

    Are you able to reproduce the problem in the Default Example of RadEditor?

    Best regards,
    Rumen
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  12. Michael
    Michael avatar
    84 posts
    Member since:
    May 2008

    Posted 11 Dec 2010 Link to this post

    Hi Rumen

    Yes I can reproduce the problem in the default example. I can select the big RadEditor image, however trying to select the small images in the table this bug occurs.
  13. Michael
    Michael avatar
    84 posts
    Member since:
    May 2008

    Posted 11 Dec 2010 Link to this post

    Hi Rumen

    Yes I can reproduce the problem in the default example. I can select the big RadEditor image, however trying to select the small images in the table this bug occurs.
  14. Rumen
    Admin
    Rumen avatar
    12846 posts

    Posted 13 Dec 2010 Link to this post

    Hi Michael,

    Unfortunately, I am still unable to reproduce the problem? As you can see in the following video http://screencast.com/t/QuRxzRJppgxD  I am able to click on the browser icons inside the table.

    In order to help you we need reliable steps to reproduce the problem.

    Best regards,
    Rumen
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  15. Steve Calvert
    Steve Calvert avatar
    1 posts
    Member since:
    May 2008

    Posted 13 Dec 2010 Link to this post

    I'm still seeing this issue using Chrome. I'm on the latest RadEditor - Version: 2010.3 1109. Adding an add_show handler to the image context menu, I can see that if I right click an img, the selected element is the iframe's body element. What happens is the selection of the img element takes place after the context menu fires. Perhaps this is a bug with my code, but I would expect the element to be selected prior to the context menu showing. Also, why does the add_show even fire for the img context menu if it's not determined to be an image yet? Here's a screencast - http://www.screencast.com/t/OcB6IptBZ1hl
  16. Michael
    Michael avatar
    84 posts
    Member since:
    May 2008

    Posted 13 Dec 2010 Link to this post

    Hi Rumen

    Please see attached screencast. The big image works, however the smaller images right clicking for properties and image map doesn't work.

    http://www.screencast.com/users/dimoss/folders/Jing/media/8d34b585-2dbe-488a-8545-6dfaab7f9517
  17. Rumen
    Admin
    Rumen avatar
    12846 posts

    Posted 16 Dec 2010 Link to this post

    Hi guys,

    We found that the Image Option and Image Map manager do not work when right clicking on the small images in Safari / Chrome because of the style="float: left;" attribute applied to the browser's icons. I logged the problem and we will fix it. You can find the PITS Issue here: Public URL.

    As to the problem reported by Steve: The get_selectedElement() uses the browser's client-side API to get a reference to the selected element. Chrome / Safari returns wrong information about the selection when the user clicks on the image and this could not be fixed.

    All the best,
    Rumen
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  18. Rambo the Dog
    Rambo the Dog avatar
    13 posts
    Member since:
    Feb 2010

    Posted 27 Jun 2011 Link to this post

    RadEditor with an image embedded still does not show grab-handles or resize capability in Safari...did I misunderstand this thread? Wasn't a fix supposed to be in place long ago?

    Dan

  19. Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 30 Jun 2011 Link to this post

    Hi Dan,

    The image selection feature is already implemented in RadEditor, however, while doing the research about implementing resize handlers we stumbled on several very severe side effects and we decided to postponed this feature until WebKit engine does not provide better support for editable content.

    In addition, I have checked several different WYSIWYG editors and none of them was offering such functionality. If you could provide implementation of resize handlers for an image in editable <iframe> we will gladly help you incorporate this feature for RadEditor.

    Kind regards,
    Dobromir
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  20. Arindam
    Arindam avatar
    11 posts
    Member since:
    Oct 2011

    Posted 25 Oct 2011 Link to this post

    Still with this image selection feature, i am unable to resize image like in fierfox. In chrome i can not resize image. But in firefox i get the image arrow to resize it. Using telerik "set image property" in chrome ,we can give custom height, width. But after setting custom height and width , it's not reflecting those changed height , width in editor sometimes.
  21. Rumen
    Admin
    Rumen avatar
    12846 posts

    Posted 26 Oct 2011 Link to this post

    Hi Arindam,

    The WebKit rich text editing engine still does not offer resize handlers for image elements. This is a feature that should be implemented by the browser developers because the handlers are window objects but not HTML elements. This WebKit limitation could be observer in all DHTML web editors as well as in the editable DIV and IFRAME elements.

    Could you please provide reliable steps to reproduce the mentioned "set image property" problem and we will research it?

    Best 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
  22. Arindam
    Arindam avatar
    11 posts
    Member since:
    Oct 2011

    Posted 26 Oct 2011 Link to this post

    Thank you for replying. Following are the steps to repoduce the "Set image property" - Chrome issue.

    1. In Rad Editor put a image using image manager.
    2. Select that image / directly right click on that image
    3. You will get 2 context menu, one is "set image property"
    4. Now give desired width and height. And Click ok/save button.
    5. As you have given the required width/height, the image should display with that width/height in editor.
    6. In my case, it sometimes shows properly , sometimes that changed width,height are not reflected on editor.
  23. Rumen
    Admin
    Rumen avatar
    12846 posts

    Posted 28 Oct 2011 Link to this post

    Hello Arindam,

    I will need reliable steps to reproduce the problem, because using the provided instructions I was unable to replicate the problem on my end. You can see my test at http://screencast.com/t/31T6f7DIrO. If we are unable to reproduce the problem, we will be unable to debug and fix it.

    Are you able to reproduce the problem in the Default Example of RadEditor? If so, could you please record a video using Jing or another software and send it for review?

    Best wishes,
    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
  24. Rumeli
    Rumeli avatar
    1 posts
    Member since:
    Dec 2007

    Posted 01 Feb 2012 Link to this post

    If webkit browsers can't do any of that related to image selection, resizing, etc - how do you explain this working in Chrome and Safari: 
    http://yuiblog.com/sandbox/yui/3.3.0pr3/examples/resize/image-resize.html  
  25. Rumen
    Admin
    Rumen avatar
    12846 posts

    Posted 02 Feb 2012 Link to this post

    Hi,

    This is a custom control but not a feature provided in the browser. This control is based on JavaScript and it will slow down the editor.

    We also offers our own resize and drag handler control explained in the following help article: Resize and Drag Extender, but if we add such code in the editor, it will drastically decrease the editing performance in the content area, because you can have multiple images and for each one of them you should create and define objects for the different angles of the image.

    Once again I would like to point that this feature should be implemented and provided by the WebKit developers as it is offered by IE and Firefox rich text editing engines. All other custom JavaScript based implementations will have side effects and performance problems.

    Kind 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
  26. Arindam
    Arindam avatar
    11 posts
    Member since:
    Oct 2011

    Posted 23 May 2012 Link to this post

    Here is the screencast for image resize problem:

    http://screencast.com/t/cL3wo1ANdw 

    I have taken this in chrome

    You can see that it works some time , but not always.
  27. Rumen
    Admin
    Rumen avatar
    12846 posts

    Posted 23 May 2012 Link to this post

    Hi,

    Which version of RadEditor do you use? Are you able to reproduce the issue in the Default Example of RadEditor (it runs the latest build of Telerik.Web.UI.dll)?

    Is it possible to provide the content from the video so that I can test it on my end?

    Kind 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.
  28. ido nahmias
    ido nahmias avatar
    64 posts
    Member since:
    May 2006

    Posted 18 Jul 2012 Link to this post

    hi,

    what about selecting and resize a textbox , or any input
  29. Arindam
    Arindam avatar
    11 posts
    Member since:
    Oct 2011

    Posted 18 Jul 2012 Link to this post

    For me , it's working fine now!!
  30. ido nahmias
    ido nahmias avatar
    64 posts
    Member since:
    May 2006

    Posted 19 Jul 2012 Link to this post

    the image resize or the input / textbox? 
    are you using chrome?
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017