When text overflows in the tree, the checkbox gets misshapen. See this example:
import React from 'react';
import TreeView from 'deni-react-treeview';
class Example extends React.Component{
render() {
return (
<TreeView items={ fruitsAndVegetables } showCheckbox={true} />
);
}
}
export default Example;
let fruitsAndVegetables = [
{
id: 100,
text: 'Fruits',
children: [
{
id: 101,
text: 'Orange',
isLeaf: true
},
{
id: 102,
text: 'Banana',
isLeaf: true
}
]
},
{
id: 200,
text: 'Vegetables',
children: [
{
id: 201,
text: 'Carrot has a really long title. seriously? Wow. Woah that\'s crazy bro. You got such a long name.',
isLeaf: true
},
{
id: 202,
text: 'Tomato',
isLeaf: true
}
]
}
];
When text overflows in the tree, the checkbox gets misshapen. See this example:
Causes a 1-width checkbox image: