1. Home
  2. Forum
  3. ASP.NET MVC - EJ 2
  4. NS_ERROR_FAILURE in Firefox

NS_ERROR_FAILURE in Firefox

Hi,
I got the following error only in Firefox:


And thats my piece of code:
$("#tudiagram").ejDiagram({
            width: (_mainWidth * _maxRectangles) + _widthOffset + 25, /*"1700px",*/
            height: "626px",
            constraints: ej.datavisualization.Diagram.DiagramConstraints.Default & ~ej.datavisualization.Diagram.DiagramConstraints.Zoomable & ~ej.datavisualization.Diagram.DiagramConstraints.Resizable,
            nodes: nodes,
            tooltip: null,
            nodeCollectionChange: function (args) { onNodeChanged(args); },
            drag: function (args) {

                //console.log("drag:");
                //console.log(args);

                //console.log(window.mouseXPos);

                //console.log("New: " + args.newValue.offsetX + " Old: " + args.oldValue.offsetX);


                console.log(args.dragState);
                var diag = this;

                if (args.dragState == 'starting') {
                    
                    dragablestartdata[args.element.name] = args.oldValue;

                } else if (args.dragState == 'completed') {
                    
                    setNode(args.element, args.element.name, args.newValue, diag);                    
                } else {
                    
                    var placedrows = getplacedrows(args.newValue);
                    var existingbundleshere = null;
                    if (args.element.children[0].addInfo.type == 'Divider') {
                        existingbundleshere = getplacedDividers(args.element.name, args.newValue);
                    }
                    else {
                        existingbundleshere = getplacedbundles(args.element.name, args.newValue);
                    }
                    
                    //console.log("Moving args.element: ", args.element)
                    if (existingbundleshere.length == 0 && validehoveredrows(placedrows, args.element.addInfo.neededPlaceholder)) {
                        $.each(placedrows,
                            function (key, item) {
                                diag.updateNode(item.name, { fillColor: hoveredrowfill });
                                //console.log("Grid hovered");
                        });
                    }
                }

                var offsX = args.element.offsetX;
                var width = args.element.children[0].width;
                var boundaries = $('#tudiagram_canvas_svgParent')[0].getBoundingClientRect();

                var rowWidth = _unit.DimensionLength * _mainWidth + _widthOffset;

                if (offsX - (width / 2) < _widthOffset) {
                    offsX = _widthOffset + (width / 2);
                }
                else {
                    var offsXInitial = offsX - (width / 2);
                    /* Divider */
                    if (width < _mainWidth) {
                        //offsX = (Math.round(offsXInitial / 100) * 100) + (width / 2);

                        offsXInitial = window.mouseXPos - boundaries.left;
                        offsX = (Math.round(offsXInitial / 100) * 100) + (width / 2);
                    }
                    else {
                        offsX = (Math.floor(offsXInitial / 100) * 100) + (width / 2);
                    }
                }
                //console.log("offsX danach:" + offsX);

                if (offsX + (width / 2) > rowWidth && offsX > 0) {
                    this.updateNode(args.element.name,
                        {
                            offsetX: dragablestartdata[args.element.name].offsetX,
                            offsetY: dragablestartdata[args.element.name].offsetY
                        });
                    return;
                }

                //console.log("Offset: ", offsX);
                //console.log("args.element: ", args.element);

                diagram.updateNode(args.element.name, { offsetX: offsX });

                AllDividerToFront();

            },
            scrollChange: function (args) {
                $("#tudiagram_canvas_svgParent").css("left", "0px");

                $.each($('.remove-row-button'), function( key, value ) {
                    var top = value.offsetTop;
                    $(value).css("top", (top - (args.newValues.verticalOffset - args.oldValues.verticalOffset)) + "px");
                });
            },
            itemClick: function(args) {
                //console.log("itemClick:");
                //console.log(args);
                //console.log("------------------------");
            },
            doubleClick: function (args) { onNodeDoubleClick(args); },
            snapSettings: {
                enableSnapToObject: false,
                horizontalGridLines: {
                    snapInterval: [101,152]
                },
                verticalGridLines: {
                    snapInterval: [100]
                }
            },
            pageSettings: {
                scrollLimit: "limited",
                pageWidth: (_mainWidth * _maxRectangles) + _widthOffset,
                pageHeight: 1500,
            },
            rulerSettings: {
                showRulers: true,
                verticalRuler: {
                    interval: 5,
                    segmentWidth: 100
                },
                horizontalRuler: {
                    segmentWidth: 100,
                    interval: 5
                }
            },
        });


1 Reply
RT Ramya Thirugnanam Syncfusion Team January 11, 2019 08:59 AM UTC

Hi Carsten, 
 
We have created a sample based on the provided code example. We have validated the sample  in Firefox and it has been run well in our side without getting any error in Firefox version 63.0.3. So, we have shared the sample in below stackblitz link.   
 
 
Could you please modify the sample to replicate the reported issue? This will help us to proceed with the reported issue with Firefox. 
 
Regards, 
Ramya T 


Loader.
Up arrow icon