How can I disable Keyboard Scrolling? about react-virtualized HOT 9 CLOSED

Ah, right. Currently it is not possible to disable keyboard scrolling for a VirtualScroll component. I could add such a feature if needed but I don't think you need it in this case. In your keyboard event handler, if you decide that an event has meaning (like an up/down arrow), then you can stop it from bubbling up to VirtualScroll like so:

event.preventDefault()
event.stopPropagation()

from react-virtualized.

Going to close this as answered for now. Please let me know if you still have questions though :)

from react-virtualized.

Yeah no worries abwt closing it :)
I'm not sure though i understand how I would implement the bubbling of the event. I do not currently have an keyboard event handler.
Could u provide a sample case? Pseudo code would do :)

from react-virtualized.

Ah, I see.

I am suggesting that you could listen for the event you care about (in this case the keyboard event) and prevent it from getting up to the VirtualScroll parent if you want to prevent the default behavior.

from react-virtualized.

yeah but that's annoying cuz then i'd need to pass it to the other library i want to listen to that even.
What if i did a manual disable of that in the react-virtualized source code? Is there a method that if removed would disable the even listening?

from react-virtualized.

No, you wouldn't. You could just wrap the other library you're using and stop up/down arrow events from bubbling up any further. Something like...

<VirtualScroll>
  <div onKeyDown={yourEventHandler}>
    <TheOtherLibrary/>
  </div>
</div>

from react-virtualized.

I'm taking a look at using the VirtualScroll component but the lack of bubbling events is a dealbreaker. IN our case I need the key events to propagate to a higher component that manages state like the currently selected cell, (think like excel's keyboard navigation). I appreciate the value that the keyboard scroll adds...is the stopPropagation necessary? PreventDefault should already kill any scroll behavior no?

from react-virtualized.

Good suggestion, @jquense. I believe you're right. :)

from react-virtualized.

@jquense check out 4.6.1. I've removed stopPropagation and left preventDefault as you suggested.

from react-virtualized.