Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
Repo info
  • 03:56
    olliechick commented #1704
  • Aug 10 03:01
    z-lionel opened #1765
  • Aug 09 18:57
    taw1313 commented #1740
  • Aug 09 06:41
    conorgould commented #1181
  • Aug 09 04:02
    yusufvalid opened #1764
  • Aug 08 21:05
    An6r commented #1763
  • Aug 08 18:52
    DavidRochelTR commented #1625
  • Aug 08 14:00
    shunyue1320 commented #1632
  • Aug 08 07:31
    khRasikh commented #1739
  • Aug 05 18:54
    quantuminformation commented #1763
  • Aug 05 15:25
    nicolasletoublon commented #595
  • Aug 04 19:50
    dceddia commented #1632
  • Aug 04 06:53
    enslit closed #1709
  • Aug 02 10:03
    gormonn commented #1746
  • Jul 31 13:00
    rhlmalik17 commented #1569
  • Jul 28 19:35
    luka00001 commented #1363
  • Jul 28 09:45
    nostalgiaz commented #1625
  • Jul 27 12:52
    32naman commented #1647
  • Jul 24 18:54
    mastrobardo commented #767
  • Jul 24 18:52
    mastrobardo commented #767
John Mitchell
and that's a good point on the unloaded row rendering. Was planning on doing that as I will know the number of lines at any point in time. Won't be perfect as some lines could be super long (and thus would wrap in the pane causing the hight for that "row" to be larger), but I don't think it'd be a huge deal
John Mitchell
Also, just to clarify I haven't actually written any code yet, just looked at the examples and documentation and had some further questions in regards to if the lib fits the usecase.
Brian Vaughn

Also, hover state seems to be gone when scrolling.

That's because we disable pointer-events when scrolling for perf. Every major windowing lib for the web does the same.

Jared Gholston
Hello all. I'm hoping for some help with InifiniteLoader and nested List. When my collection of List items changes say 100 results to 1 (because of a search filter) the 1 result displays the old data from the original list of 100. I've tried using this https://github.com/bvaughn/react-virtualized/#pure-components and forceUpdateGrid on the list. But the data remains stale. Any thoughts on what I'm doing wrong here?
hey Jared that should work AFAIK - could you please provide a code sample
hard to tell what the issue is without looking at the code
Jared Gholston
@jpollard-cs here is the class in question https://gist.github.com/jarbot/f2cff2e952444db6bdde30f78e6b1222 the use case is when the user searches and the collection updates
@jarbot I usually use methods to set my refs... just double checking because I'm not sure - are you sure this.list is set when you call this.list.forceUpdateGrid?
Jared Gholston
good question i will check. thanks for looking :)
yeah also note from the React docs "Although string refs are not deprecated, they are considered legacy, and will likely be deprecated at some point in the future. Callback refs are preferred."
but it does indeed look like your ref is going to be accessible via this.List and not this.list with your current setup
Jared Gholston
@jpollard-cs sorry i've removed ref="List" and this.list is valid
but would think you would see an error in the console ;)
oh so the reference was good? or it is now?
Jared Gholston
yeah. sorry caught that as I was posting the sample. the ref is good, but results are the same. it doesn't seem to re-render the rows
it trims the list of rows from 112 down to whatever the search results are... so it renders the correct number of rows, but the row data is wrong
i've validated that the collection is correct at time of render
ok let me take a look at the rest
Jared Gholston
weird. _rowRenderer gets called with the correct data. but visually does not update
Jared Gholston
@jpollard-cs I think i figured it out
I had to use my own unique key in the row renderer
the key returned from List is in the format 1-0 and that doesn't change when the list size reduces to say 1 item. the key remains 1-0
so something is keeping it from rendering
Did providing a unique key fix the issue?
Jared Gholston
thanks for your help :)
The second value will always be 0 because List is built on Grid
So 0 is the column index I believe
I didn't do much but you're welcome :D
Timothy J Laurent
Anyone know if there is a good way to get any debug information from plunkr ? I tried porting in my table I reported here some weeks ago and could figure out why it wasn't working. Maybe I should just use create-react-app ??
must be a babel issue but couldn't find any debug errors
Someone posted a jsbin a few weeks ago: http://jsbin.com/hukofudule/1/edit?html,js,output
Maybe try plugging your code into that?
Timothy J Laurent
Thanks for the idea @jpollard-cs -- It looks like the console output for JSbin raises the errors better. I'll give that a shot.
Brian Vaughn

@/all It's been about 2 months since email notifications stopped working for Gitter. I've tried reaching out to them on Twitter with no success. There's an open Github issue as well but it isn't being updated. This makes it too difficult for me to keep up with questions since I don't hang out in the chat room all day. @jpollard-cs has picked up a lot of the slack- (which is fantastic!)- but it isn't sustainable to require someone to always be in the channel in order to get notifications- so we are moving to Slack.

I'll leave the Gitter channel around for whoever likes it but the official channel (the one I'll be monitoring) will be at Slack: https://slackin-ucxxtydvmw.now.sh/

Hope to see some of you there. :)
Vasiliy Yorkin
hey guys!
I’ve built a custom multigrid for the current project I’m working on
but I’m experiencing some lags with ScrollSync component
I mean there is a noticable time lag between scrolling events
is there any way to make this sticky column on the left respond to onScroll event faster?
@vyorkin please post in the slack channel
Alessandro Cataldi
Hi everybody, I'm trying to use the collection element to mimic the following behavior:
It's basically a grid that, when resized, recomputes its number of columns as the width of the element / the width of the single item.
Horizontal scrollbars should never appear, since the number of columns is computed to fit the appropriate number of items.
Any directions on how I can achieve that? Thx!
Hi guys, so I just forked react-virtualized repo, and npm install was throwing this error, any ideas why?
node: v6.9.4
npm: v3.10.10
resolve failed:  { Error: Cannot find module 'q-io'
    at Function.Module._resolveFilename (module.js:469:15)
    at Function.requireRelative.resolve (/Users/shan/Repos/sandbox/custom-react-virtualized/node_modules/require-relative/index.js:30:17)
    at resolve (/Users/shan/Repos/sandbox/custom-react-virtualized/node_modules/modify-babel-preset/lib/serialize.js:25:26)
    at findAndRemove (/Users/shan/Repos/sandbox/custom-react-virtualized/node_modules/modify-babel-preset/lib/serialize.js:67:11)
    at /Users/shan/Repos/sandbox/custom-react-virtualized/node_modules/modify-babel-preset/lib/serialize.js:111:13
    at Array.map (native)
    at loadPreset (/Users/shan/Repos/sandbox/custom-react-virtualized/node_modules/modify-babel-preset/lib/serialize.js:103:29)
    at module.exports (/Users/shan/Repos/sandbox/custom-react-virtualized/node_modules/modify-babel-preset/index.js:97:19)
    at Object.<anonymous> (/Users/shan/Repos/sandbox/custom-react-virtualized/node_modules/babel-preset-es2015-rollup/index.js:3:18)
    at Module._compile (module.js:570:32) code: 'MODULE_NOT_FOUND' } q-io
I tried npm cache clean & npm install q-io --save, didn't really work
is my node version not compatible or something?
hi everyone, i'm a big fan of react-virtualized and i was wondering if there is a way to implement smooth scrolling while using scrollToIndex prop of the List component ? (i'm using this component hierarchy InfiniteLoader > AutoSizer > List)
Maik Marschner
hi everyone :wave:
Hello please go to the slack channel if you have questions this gitter is dead
See project readme for link
Ben Edelstein
I'm having an issue where, occasionally when I call recomputeRowHeights() on List, it triggers an error: TypeError: Cannot read property 'recomputeGridSize' of null. Since I haven't been able to reproduce locally, I'm not sure exactly what is causing it. Has anyone else seen this same issue?
Please post in the slack channel this gitter is no longer in use