Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

SortableTree fails to render items when wrapped by a `div`

See original GitHub issue

I can get around this by using spans, but this strange bug should definitely be looked into.

Issue Analytics

State:
Created 7 years ago
Comments:11 (3 by maintainers)

Top GitHub Comments

1reaction

fritz-ccommented, Nov 22, 2016

Sorry for the inconvenience. I’m glad you got it figured out.

For the time being, I’ve added a wrapping div with a fixed height to the example in the README, which I think will reduce the chance of this coming up again.

0reactions

anil1712commented, Feb 6, 2017

@ncphillips Can you please share your NodeRenderer code. I did not find any sample code in doc to achieve this. So its better if you can provide some simple snippted. Actually my tree data json has different key (instead of title and children) so I have to use nodeContentRenderer.

Please help me to out of it.

Thanks, Anil

Top Results From Across the Web

react-sortable-tree not rendering right - Stack Overflow

It looks like you forgot to import styles: import 'react-sortable-tree/style.css'. at the top of the page.

react-sortable-tree - npm

Prop Type Description treeData (required) object getNodeKey (recommended) func onDragStateChanged func Called when a drag is initiated or ended. (): void

React Children And Iteration Methods - Smashing Magazine

But in some cases, we want to inspect the children prop to maybe wrap each child in another element/component or to reorder or...

How to Create React Sortable Tree With Example

There are variety of types of Sortable tree component in React . ... render() { return ( <div style={{ height: 800 }}> <SortableTree...

Draggable react - Caritas Castellaneta

React Draggable And Sortable Tree. ... Jan 29, 2019 · First, we'll make each of the div elements that we created above draggable...