handsontable / vue-handsontable-official

Vue Data Grid with Spreadsheet Look & Feel. Official Vue wrapper for Handsontable.
https://handsontable.com/docs/vue
MIT License
746 stars 128 forks source link

Pasting in > 1000 rows of data causes validation errors due to max ajax requests #167

Closed rwspielman closed 4 years ago

rwspielman commented 4 years ago

Description

Pasting in lots of data with an ajax validation causes an overload of requests on google chrome. it prevents the data from being pasted and showing up in the table

Steps to reproduce

  1. Add validation to a column and have it send an ajax requests
  2. Paste in 2000 values from excel
  3. Observe in the network tab that XHR requests begin to fail towards the end
  4. Fail to load resource: net::ERR_INSUFFICIENT_RESOURCES is an error in the console.

Demo

https://jsfiddle.net/khwsgdc3/

copy/paste 1-2000 in there

Your environment

Is there a way to implement a queue to prevent the max # of requests being hit

rwspielman commented 4 years ago

added axios-rate-limit as a package to throttle it, but is there any way to calculate them column-wise in a batch?

AMBudnik commented 4 years ago

Hey @rwspielman

can you send over a demo? When I copy 2 column x 2000 row array into you A1 cell I get this

image

rwspielman commented 4 years ago

I receive the following image as well. It seems to hit a 1000 requests limit because there is no rate limit throttling. In the network tab, it says failed on the request.

2020-02-05 09_25_30-Edit fiddle - JSFiddle 2020-02-05 09_28_16-Edit fiddle - JSFiddle