Switch between editable cells using tab not working.

[elad823]

When pressing tab in edit mode, the edit mode is going out.

https://react-bootstrap-table.github.io/react-bootstrap-table2/storybook/index.html?selectedKind=Cell%20Editing&selectedStory=Click%20to%20Edit&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybook%2Factions%2Factions-panel

[AllenFang]

@elad823 yes, this feature is still not implement, I'll implement it ASAP, thanks

[teresa-recursion]

@AllenFang Any update on this? I have a fix on a local branch, if I can get permissions I will create a pull request for it.

[AllenFang]

@teresa-recursion sorry, I'm working on the expand row and new react context API design. For the tab to navigate the cell editing, I think I will recommend you to implement the cell navigation before this.

Do let me know if you really want to open a PR for this, I think I will implement the cell navigation in July or Aug.

[teresa-recursion]

@AllenFang by cell navigation, do you mean using the arrow keys to move up/down/left/right? My PR includes that. If not, what do you envision for cell navigation?

[royjer]

@teresa-recursion Could you share your solution? I came up with one (basically just calling blur on the current control, and click on the next) that works great on FF and Chrome, but not on IE. Any help would be greatly appreciated.

[teresa-recursion]

@royjer my basic approach was to add key handling in editing-cell.js

and then pass it up to wrapper.js

I don't have permissions to create a branch, otherwise I would share it with you. I'm not sure this is the direction @AllenFang is going to go with this, but it works. I haven't tested in IE, let me know how that goes! :)

[royjer]

Awesome. Thanks! I'll let you know.

[royjer]

@teresa-recursion can you please share onFocusNext()?

[teresa-recursion]

[AllenFang]

#433

[Zalkya]

Hello guys i am facing the same problem right now. I am using those versions of react-table packages:

"react-bootstrap-table-next": "^1.1.4",
"react-bootstrap-table2-editor": "^1.0.1",
"react-bootstrap-table2-filter": "^1.0.0",
"react-bootstrap-table2-toolkit": "^1.0.3",

I have tried to implement @teresa-recursion approach but i think that those change were made on older versions then the one i am using. Do we have any update on the keyboard navigation @AllenFang ?

Could this keyHandle be implemented outside of the component, maybe?

@royjer i saw that you resolved that using the blur method... Can you explain better your approach? I would be very glad!!

Besides that you did a very great job @AllenFang ! Cheers for that !

[MaorBenAmi]

Hey,
@AllenFang This feature implemented already? using tab to navigate in editing mode?

Thanks !

[AllenFang]

@MaorBenAmi sorry for lately reply, we are not yet to implement the keyboard navigation, I hope I can finish before this Q2, probably April

[DrogoNevets]

Is this still on track for Q2? we are going to have to make a judgement call to move to a different Component soon, would love to hold out, but cant much past mid-April