Web Designer unable to drag report item

Posted by: kevin.gunn on 15 September 2019, 7:41 pm EST

    • Post Options:
    • Link

    Posted 15 September 2019, 7:41 pm EST

    Hi,

    I am not able to drag and drop report items onto the page in the Web Designer. When attempting to do this, I just get a red border around the page.

    Does anyone know why this is, and what can be done to resolve it?

    Thanks

    Kev

  • Posted 15 September 2019, 7:49 pm EST

    Hello Kevin,

    I am not able to reproduce the issue with the product sample and the following demo:

    https://ardemos.grapecity.com/AR13-WebDesigner_MVC/create

    Could you please share if you are doing anything extra.

    Thanks,

    Mohit

  • Posted 15 September 2019, 8:13 pm EST

    Hi Mohit,

    I am just presenting the Designer in an IFrame, I am able to drag the item onto the page.

    However it just places it in the top left corner, and I am unable to drag it to a new location, I can however use the arrow keys to move it around.

    Doe the Development team know what conditions causes the red border around the page to become present, this will help me investigate what the cause could be.

    Thanks

    Kev

  • Posted 15 September 2019, 10:38 pm EST

    Hello Kevin,

    I am receiving the following error in console while drag and drop the control in Web designer.

    Uncaught Invariant Violation: Cannot call hover while not dragging

    However, I am not able to reproduce the red border issue at my end. Please check with the attached Html page.

    Also, on analyzing further, I found that issue is only reproducible with Chrome 77 version (not with FireFox, Edge, Chrome 76 version). May be the issue is related to this:

    https://github.com/react-dnd/react-dnd/issues/1534

    Could you please confirm this at your end so that I can escalate this to our development team.

    Thanks,

    Mohit

    test (2).zip

  • Posted 15 September 2019, 10:48 pm EST - Updated 30 September 2022, 8:32 am EST

    Hi Mohit,

    Yes I get the same violation error with your attached file.

    I do not however get it in my iFrame, I have attached an image that shows the red border, this stops me form being able to drag and drop the report item, anywhere else on the page, except for the top left hand corner.

    Thanks

    Kev

  • Posted 15 September 2019, 10:51 pm EST

    Hello Kevin,

    Could you please check with the other browser other than chrome. Is red box issue also reproducible with other browsers? If issue is not reproducible with other browsers, is it possible for you to check with the lower version of chrome?

    This will be very helpful for us.

    Thanks,

    Mohit

  • Posted 15 September 2019, 10:52 pm EST

    Also, If possible can you send the sample so that I can replicate the issue at our end.

  • Posted 15 September 2019, 11:25 pm EST

    Hi Mohit,

    I get the same in IE11 and Edge Chromium Version 78.0.268.3 (Official build) dev (64-bit).

    I will attempt to create a sample that replicates the issue.

    Thanks

    Kev

  • Posted 16 September 2019, 5:28 pm EST

    Hello,

    Thanks for the information. I am waiting for your sample for further progress.

    Regards,

    Mohit

  • Posted 17 September 2019, 12:09 am EST

    Hi Mohit,

    Unfortunately I will be unable to provide a sample at present, I am time pressed on current projects, of which was investigating the possibility of integrating the Active Reports Web Designer, however we are facing numerous challenges, which means other urgent tasks are delayed\blocked.

    We were happy to have it in an iFrame and I had it successfully integrated into our platform, however the drag and drop issue in Chrome 77 has put a stop to that. To try and work around that issue, I then attempted to wire it into our SPA, however this does not work as the web designer libraries rely on lodash, and we utilise underscoreJS, these libraries conflict with each other, and therefore causes numerous errors in the console, and our application does not load.

    Any ideas from the Dev Team, on a timeframe with regards to the the drag and drop issue in Chrome 77, this will help us decide whether to continue with Active Reports Web Designer or not.

    Thanks

    Kev

  • Posted 17 September 2019, 12:18 am EST

    Hello Kevin,

    We are really sorry for all the inconvenience caused to you. I had already escalated the drag and drop issue with chrome77 to our development team.

    Also, I have increased priority of the issue.

    However, your original issue of “RedBox” which is not replicate at my end which is not related to chrome 77. Is this issue solved at your end? or Should I ask the developer for the possible reason for the same so that you can fix at your end,

    Thanks,

    Mohit

  • Posted 17 September 2019, 1:29 am EST

    Hi Mohit,

    I am still investigating, trying to work out where this red border is being injected.

    It only happens inside our iFrame, if I navigate straight to the uri in a new tab, I do not have this issue.

    I will update you once I have managed to find something.

    Thanks

    Kev

  • Posted 17 September 2019, 7:35 pm EST

    Hello Kevin,

    Thanks for the information.

    Also, I have asked the development team(ARD-724) for the possible reason.

    Thanks,

  • Posted 18 September 2019, 3:45 am EST

    Thanks Mohit, I’m still investigating also.

    Kev

  • Posted 18 September 2019, 6:15 pm EST

    Morning Mohit,

    I am getting nearer to the cause, I have located where the red border is applied.

    It is being done inside drawDecorations function, when the highlightType = error. The highlightType is error for me in an iFrame because dx and dx are being calculated as NaN somewhere. I have a feeling that it may have something to do with css for the iFrame or its parent causing the issues, if you could as the Dev Team what could cause this, that would be great thanks.

    I will continue to investigate further, to try and find the root cause, its quite challenging debugging the minified js!

    Thanks

    Kev

  • Posted 18 September 2019, 6:23 pm EST

    Hello Kevin,

    I have forwarded this information to our development team and also ask them if they can full version of JS file so that you can debug at your end easily.

    Thanks,

  • Posted 18 September 2019, 7:26 pm EST

    Great thanks Mohit.

  • Posted 18 September 2019, 8:13 pm EST

    Hi Mohit,

    If you could find out from the Deve Team where B in the minified code below is set\calculated, this would help me greatly. In my iFrame the variable B is NaN, but not in an iFrame is 15;

    x = r.delta && [r.delta.x * B, r.delta.y * B] || [0, 0],
    

    Thanks

    Kev

  • Posted 18 September 2019, 8:24 pm EST

    Hello Kevin,

    I have forwarded the information the development team and will update you once I get any information from them.

    Also, they can’t provide the full version of JS.

    About, “Uncaught Invariant Violation: Cannot call hover while not dragging” issue in chrome77, It is a bug of chrome, we can’t do anything in this. Also, issue is reproducible only in cross-origin iframe. For same-origin iframe, drag-n-drop works fine in Chrome 77. As a workaround, you can use the same-origin Iframe.

    Thanks,

    Mohit

  • Posted 18 September 2019, 9:29 pm EST

    Hi Mohit,

    You can stand the Development Team down, I have located the issue, and also set the sandbox setting of ‘allow-same-origin’ to the iFrame and all is working.

    The issue that caused the red box was that I has the iFrame display set to none, and had a loading spinner, of which displayed until the load event of the iFrame happened, and then hid the spinner and showed the iFrame. The issue was that I found in the code that it creates a DIV for the drop area during intialisation, and a value it required from this returned infinity.

  • Posted 18 September 2019, 9:37 pm EST

    Kevin,

    I am very glad to know that your issue has resolved. I am marking this as answered.

    If you face any problem in future please let me know. I would be more than happy to help you.

    Have a great day!

    Thanks,

    Mohit

Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels