Comments (8)
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.
@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.
Hey @chocholand, what was the error reported?
from react-visjs-timeline.
@jonathanchrisp when selection value is changed, all item move to top for 1s.
from react-visjs-timeline.
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.
@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.
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.
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)
- Dynamic height
- Warning: This build has been deprecated, use peer or standalone instead HOT 3
- Add d.ts for TypeScript users
- Item misplacement
- Setting state onSelect HOT 1
- Cross Site Scripting vulnerability
- horizontalScroll option not working
- vis-timeline/dist/vis-timeline-graph2d.min -- npm build
- The items time is not correctly display, it is not the time i set to it?
- Bump to react 17? HOT 2
- Timeline-plus compatibility
- Editing items HOT 4
- Compiled vis.js bundle is imported
- v1.6.0 published on npm, but git repo shows v1.5.0 last year HOT 2
- get the timeline
- dataSet in react component
- Drag and drop events
- Is there a way to update the timeline within setState onAdd, onRemove, onUpdate set in option?
- page scroll on top on setState if groups are defined HOT 1
- Incorrect handler function naming
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-visjs-timeline.