bvaughn/react-virtualized

Unofficial chat; official Slack chat @ http://slack.reactvirtualized.com

Jordan

@jpollard-cs

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

@jarbot

@jpollard-cs sorry i've removed ref="List" and this.list is valid

Jordan

@jpollard-cs

but would think you would see an error in the console ;)

oh so the reference was good? or it is now?

Jared Gholston

@jarbot

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

Jordan

@jpollard-cs

ok let me take a look at the rest

Jared Gholston

@jarbot

weird. _rowRenderer gets called with the correct data. but visually does not update

Jared Gholston

@jarbot

@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

Jordan

@jpollard-cs

Did providing a unique key fix the issue?

Jared Gholston

@jarbot

thanks for your help :)

yes!

Jordan

@jpollard-cs

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

@timothyjlaurent

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

Jordan

@jpollard-cs

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

@timothyjlaurent

Thanks for the idea @jpollard-cs -- It looks like the console output for JSbin raises the errors better. I'll give that a shot.

Jordan

@jpollard-cs

:+1:

Brian Vaughn

@bvaughn

@/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

@vyorkin

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

https://i.gyazo.com/14d124bd3992edaa94c5552b61f71809.gif
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?

Jordan

@jpollard-cs

@vyorkin please post in the slack channel

Alessandro Cataldi

@alexandro81

Hi everybody, I'm trying to use the collection element to mimic the following behavior:
http://ggordan.com/post/react-infinite-grid.html
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!

Shan

@shan-du

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?

rlebosse

@rlebosse

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

@leMaik

hi everyone :wave:

Jordan

@jpollard-cs

Hello please go to the slack channel if you have questions this gitter is dead

See project readme for link

Ben Edelstein

@benthehenten

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?

Jordan

@jpollard-cs

Please post in the slack channel this gitter is no longer in use

@benthehenten

Cloudo

@_cloudo_twitter

Hi all.

Is there any example of how to create Table component with columns width based on it cells content?
It seems like CellMeasurer can only work with Grid and List components...

thecodejack

@thecodejack

I am having a requirement of collapsing/expanding rows and columns at multiple levels on a grid. Just wanted to know if there are ways to achieve that using react-virtualized?

I mean along with other grid features like other features like multi grid

Jordan

@jpollard-cs

@_cloudo_twitter @thecodejack this channel is dead please go to the associated Slack channel (see project readme for link)

AJShippify

@AJShippify

Hi, a quick question how should I handle the case when, in an InfiniteScroll component my initial load has few rows and there is no scroll space available to trigger loadMoreRows

Jordan

@jpollard-cs

@AJShippify post in the slack channel (see above)

Peter Hiža

@hizo

Hi, sorry for duplicate question, surely there has been one already... what are the ways to implement animation while scrolling? e.g. I have implemented Collection which looks like a grid (more easier for me was to use collection cause i have data in array of objects already... so no good for Grid)

Where communities thrive

People

Repo info

Activity