Context Menu placement problem in Chrome

16 posts, 0 answers
  1. Mark Kucera
    Mark Kucera avatar
    84 posts
    Member since:
    Sep 2009

    Posted 15 Jan 2014 Link to this post

    I seem to have this problem with my context menu, but only in Chrome.  In FF it displays just fine, but in Chrome it displays all the way at the bottom of the screen.  Please see the attached FF and Chrome screenshots from the same identical page.  i looked at the markup using inspector and it seems that in Chrome there are hard coded left, and top coordinates that are placing the menu at the bottom of the page.  where do these come from and how can this behavior be corrected?

    Thanks!
    -Mark
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 15 Jan 2014 Link to this post

    Hi Mark Kucera,

    Unfortunately I couldn't replicate the issue at my end. Please have a look into the sample code snippet which works fine at my end.

    ASPX:
    <asp:Image ID="Image1" runat="server" ImageUrl="~/Images/Icon-small.jpg" />
    <telerik:RadContextMenu ID="RadContextMenu1" runat="server">
        <Items>
            <telerik:RadMenuItem Text="New">
            </telerik:RadMenuItem>
        </Items>
        <Targets>
            <telerik:ContextMenuControlTarget ControlID="Image1" />
        </Targets>
    </telerik:RadContextMenu>

    Please provide your code if it doesn't help.
    Thanks,
    Shinu.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Mark Kucera
    Mark Kucera avatar
    84 posts
    Member since:
    Sep 2009

    Posted 15 Jan 2014 Link to this post

    Thanks, I'll triple check it again this morning.  But my question was really not about you being able to replicate the problem.  i can replicate the problem as can all my users.  I know that it's getting placed where it is because of the hard coded top and left css parameters.  My questions really is how are those values being determined and what might cause it to calculate the wrong value.

    Thanks!
    -Mark
  5. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 15 Jan 2014 Link to this post

    Hi,

    You can use the showAt() method of RadContextMenu to display the menu as a pop-up at the coordinates specified by the parameters. When calling showAt from in response to a client side event, it is better to call $telerik.cancelRawEvent(event) afterwards in order to prevent the default event processing from hiding the context menu displayed. Please take a look into this online demo.

    Thanks,
    Shinu.
  6. Rodrigo
    Rodrigo avatar
    7 posts
    Member since:
    Jan 2012

    Posted 20 Jan 2014 Link to this post

    Hello Shinu,

    If you scroll down your page you will get it.

    Thanks, 

    Rodrigo
  7. PSNTeam
    PSNTeam avatar
    1 posts
    Member since:
    Nov 2013

    Posted 20 Jan 2014 Link to this post

    This is definitely a bug. I have taken screenshots of the problem using the demo page: http://i.imgur.com/E2CzUSz.png

    If you are a chrome user the box displays at a different elevation depending on how far you are from the top of the screen.
  8. Helen
    Admin
    Helen avatar
    1052 posts

    Posted 21 Jan 2014 Link to this post

    Hello all,

    We are aware of the issue and it is already fixed. The fix will be available next week as part of Telerik UI SP2.

    Thank you for your time and understanding.


    Regards,
    Helen
    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 RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  9. Rodrigo
    Rodrigo avatar
    7 posts
    Member since:
    Jan 2012

    Posted 30 Jan 2014 in reply to Helen Link to this post

    Hello,

    Is the fix already available?

    Thanks,

    Rodrigo
  10. Helen
    Admin
    Helen avatar
    1052 posts

    Posted 03 Feb 2014 Link to this post

    Hello,

    Yes, it is already available. You may check our demos:

    http://demos.telerik.com/aspnet-ajax/menu/examples/contextmenu/default/defaultcs.aspx



    Regards,
    Helen
    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.
  11. Rodrigo
    Rodrigo avatar
    7 posts
    Member since:
    Jan 2012

    Posted 03 Feb 2014 in reply to Helen Link to this post

    Hello Helen,

    How do I get the fix? My telerik version is the RadControls for ASP.NET AJAX Q3 2013.

    Thanks,

    Rodrigo
  12. Mark Kucera
    Mark Kucera avatar
    84 posts
    Member since:
    Sep 2009

    Posted 03 Feb 2014 Link to this post

    I can confirm that the issue i originally reported has been fixed in Chrome in 2013.3.1324.40.

    Thanks everyone!
    -Mark
  13. Helen
    Admin
    Helen avatar
    1052 posts

    Posted 04 Feb 2014 Link to this post

    Hi all,

    The fix is part of the Q3 2013 SP2 - 2013.3.1324. Release history is available here:

    http://www.telerik.com/support/whats-new/aspnet-ajax/release-history/q3-2013-sp2


    Regards,
    Helen
    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.
  14. Rodrigo
    Rodrigo avatar
    7 posts
    Member since:
    Jan 2012

    Posted 04 Feb 2014 in reply to Helen Link to this post

    Hi Helen,

    Thanks for sending the link.
    I suppose that changing the RadContextMenuScripts.js will fix the error. However, I'm using the CdnSettings-TelerikCdn option which gets the scripts from http://aspnet-scripts.telerikstatic.com/ajaxz/2012.1.411/.
    Therefore, can someone help me out on this? How can this new file in this situation? 

    Thank you again,

    Rodrigo
  15. Marcelo
    Marcelo avatar
    2 posts
    Member since:
    Apr 2012

    Posted 04 Feb 2014 in reply to Rodrigo Link to this post

    Hello Helen,

    I found that if I disabled the CdnSettings-TelerikCdn, add <asp:ScriptReference Path="~/js/Core.js" /> on the RadScriptManager, and add EnableEmbeddedScripts="false" on the RadContextMenu it will work as it should and was before chrome last update. However, I really don't want to disable the CdnSettings-TelerikCdn, which works pretty well on my application. So, is there any possibility that Telerik will update the Core.js file for my control version for instance?

    Thanks,

    Rodrigo



  16. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3599 posts

    Posted 10 Feb 2014 Link to this post

    Hello,

    Chrome 32 is supported by our Q3 2013 SP2 release and the fix for the chrome breaking change is quite a complex one, it cannot be easily taken out and plugged into an old version.
    To get this fix I strongly advise that you upgrade to Q3 2013 SP2.

    You can also try using the simple override from this thread, but I cannot guarantee it will help.

    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.
  17. Marcelo
    Marcelo avatar
    2 posts
    Member since:
    Apr 2012

    Posted 10 Feb 2014 in reply to Marin Bratanov Link to this post

    Marin,

    The script fixed my problem!

    Thanks,

    Rodrigo
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017