question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

resizable prop doesn't work

See original GitHub issue

Do 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:closed
  • Created 5 years ago
  • Reactions:2
  • Comments:6 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
sagark1510commented, Oct 3, 2019

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}

0reactions
liben96commented, Oct 3, 2019

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)

Read more comments on GitHub >

github_iconTop Results From Across the Web

resizable prop doesn't work · Issue #1189 · jquense/react-big ...
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...
Read more >
CSS resize property both doesn't work properly with flex
I am using the CSS resize property with flexbox, and it only works vertically and not horizontally. The second problem is the vertical ......
Read more >
resize - CSS: Cascading Style Sheets - MDN Web Docs - Mozilla
The resize CSS property sets whether an element is resizable, and if so, in which directions.
Read more >
CSS resize property - W3Schools
The resize property defines if (and how) an element is resizable by the user. Note: The resize property does not apply to inline...
Read more >
The CSS3 Resize Property - Impressive Webs
The resize property allows a developer to define whether or not a UI element can be resized manually by the user. The property...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found