Git Product home page Git Product logo

Comments (8)

jwarykowski avatar jwarykowski commented on July 21, 2024

Hi @chocholand, thanks for raising the issue. Do you get the same behaviour when using v4.19.1 of vis.js? The vis.js team released the latest version 10 days ago and it appears that there are a few issues.

from react-visjs-timeline.

chocholand avatar chocholand commented on July 21, 2024

@jonathanchrisp When I first tried v4.19.1, I got an error and upgraded to v.4.20.0. But the error exsit.

from react-visjs-timeline.

jwarykowski avatar jwarykowski commented on July 21, 2024

Hey @chocholand, what was the error reported?

from react-visjs-timeline.

chocholand avatar chocholand commented on July 21, 2024

@jonathanchrisp when selection value is changed, all item move to top for 1s.

from react-visjs-timeline.

jwarykowski avatar jwarykowski commented on July 21, 2024

Hey @chocholand, unfortunately, I can't do much without an error or a code snippet to be able to reproduce the error. If you're able to provide this would be greatly appreciated.

from react-visjs-timeline.

chocholand avatar chocholand commented on July 21, 2024

@jonathanchrisp I'm making reproduced the error your react boilerplate.
But, select item is not working.

class App extends Component {
  constructor(props) {
    super(props)

    this.state = {
      selectedIds: [1,2,3]
    }
  }
  render() {
    return (
      <div className="App">
        <p className="header">A basic timeline. You can move and zoom the timeline, and select items.</p>
        <Timeline
          {...basicExample}
        />
        <p className="header">This example demonstrate using groups. Note that a DataSet is used for both
          items and groups, allowing to dynamically add, update or remove both items
          and groups via the DataSet.</p>
        <Timeline
          {...groupsExample}
          selectHandler={this.selectHandler.bind(this)}
          selection={this.state.selectedIds}
        />
      </div>
    )
  }

  selectHandler(props) {
    const { items } = props
    this.setState({
      selectedIds: [5, 9, 18]
    })
  }
}

selection is not working.

from react-visjs-timeline.

jwarykowski avatar jwarykowski commented on July 21, 2024

Hey @chocholand, I've figured this out, I'll raise a PR to fix, really helped with the detailed code above. Thank you. I'll link this issue on the PR 🎉

from react-visjs-timeline.

jwarykowski avatar jwarykowski commented on July 21, 2024

Hey @chocholand, I've raised a PR to fix this issue here: #20. Hopefully, @willmcclellan might have time to quickly review this tomorrow 😄

from react-visjs-timeline.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.