Skip to content

Overflow causes checkboxes to have 1 width #29

Description

@nddipiazza

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
      }
    ]
  }
];

Causes a 1-width checkbox image:

image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions