Cropper Overflow on Web with all 4 WebViewMode

[stephenriska123]

I have tried all 4 WebViewModes and none of them resize the copper to fit. Am I misunderstanding what this does? Is there a better way to constrain the cropper to fit on the screen?

CroppedFile? cropped = await _cropper.cropImage(
  sourcePath: image.path,
  aspectRatio: const CropAspectRatio(ratioX: 1, ratioY: 1),
  compressFormat: ImageCompressFormat.png,
  maxHeight: 500,
  maxWidth: 500,
  uiSettings: [
    WebUiSettings(
      context: context,
      viewwMode: WebViewMode.mode_1,
    )
  ],
);

[FlautistaMacabro]

Same problem here.

[sharmavishal914]

same issue for me too

[max-anders]

same issue on smaller monitors or after resizing the window. I reduced the likelihood of this problem by specifying in the WebUiSettings

size: const CropperSize(
width: 350,
height: 350,
),

One potential solution might be to embed the cropper in a ListView to handle resizing better

[stephenriska123]

I have a workaround that seems to fit most screen sizes, but its not perfect.

WebUiSettings(
  context: context,
  size: CropperSize(
    height: MediaQuery.of(context).size.height ~/ 2,
  ),
),