resizable prop doesn't work
See original GitHub issueDo you want to request a feature or report a bug?
Bug
What’s the current behavior?
In dragAndDrop/withDragAndDrop.js
, the comment documentation says to set resizable
to true
to make events resizable. Correct me if I’m wrong but it looks like setting this prop does nothing (unless some magic is done where I can’t find it)?
Reading through the code in withDragAndDrop.js
it doesn’t look like the resizable
variable is used anywhere at all. Assuming it gets passed directly to the Calendar
component, resizable
is not defined in the props as a valid prop anyway.
To replicate this run the dnd example and set resizable = {false}
as mentioned in the withDragAndDrop.js
. The events are still resizable.
Version: 0.20.3
Diving into dragAndDrop/EventWrapper.js
it looks like the resizableAccessor
prop is used to determine whether or not an event can be resized or not. Thus setting the resizableAccessor
prop on the Calendar
component to return false makes events not resizable.
What’s the expected behavior?
I’m not sure which is the correct method is to set events to not be resizable is due to conflicting documentation in dragAndDrop/withDragAndDrop.js
. Furthermore none of it is on the official documentation.
Thus my only suggestion is a clearer documentation around which prop should be set to disable resizing of events.
Issue Analytics
- State:
- Created 5 years ago
- Reactions:2
- Comments:6 (1 by maintainers)
Top GitHub Comments
It is possible to disable resizing but not by the
resizable
prop. Please add this prop to your DnD calendar and it should disable it.resizableAccessor={() => false}
Any updates on this? Is it possible to disable the resizing? As it looks it is not working as it should (https://github.com/intljusticemission/react-big-calendar/issues/1007)