Lightrun
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.

Selection not respecting minimum dimensions settings

See original GitHub issue

When you drag a selection from one corner past the diagonally opposite corner, the selection flips, respecting the set minWidth and minHeight, but when the selection is closer to the edge of the image than the min dimensions, it still flips, making the selection smaller than the allowed values.

I don’t think this affects the described behavior, but just to provide an accurate description: my component also sets keepSelection=true and crop has aspect: 1 defined.

Package versions are as follows:

"react": "16.4.1",
"react-dom": "16.4.1",
"react-image-crop": "6.0.0",

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:4
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
DominicTobiascommented, Nov 13, 2018

Fixed in 6.0.5

0reactions
DominicTobiascommented, Nov 13, 2018
  • Note I improved something in this behaviour in 6.0.7
Read more comments on GitHub >

github_iconTop Results From Across the Web

Why don't flex items shrink past content size? - Stack Overflow
The Automatic Minimum Size of Flex Items. You're encountering a flexbox default setting. A flex item cannot be smaller than the size of...
Read more >
Change the column width and row height - Microsoft Support
The table below shows the minimum, maximum and default sizes for each based ... Go to File > Options > Advanced > Display...
Read more >
Build a Responsive UI with ConstraintLayout
If both the width and height are set to match constraints, you can click Toggle Aspect Ratio Constraint to select which dimension is...
Read more >
[GA4] Analytics dimensions and metrics - Google Support
This article describes the dimensions and metrics that appear in your reports and explorations and in the audience and segment builders.
Read more >
Responsive web design basics
Ensure an accessible viewport #. In addition to setting an initial-scale , you can also set the following attributes on the viewport: minimum- ......
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
Previous page

Changing crop to use aspect throws an error

Next page

Explodes when image loads when crop={ undefined } (before onChange fires)