Grid does not reach the edges of the image

[ivanvinicius]

I implemented Cropper inside a Radix Dialog and the problem I'm having is:

My grid does not reach the edges of the image. I believe it's a CSS issue that I haven't identified. And why do I say that?

Basically when I change width property (on cropp container or grid) while the Cropper is open, the grid works correctly again

Here's my gist containing the code of component and styles, using stitchesjs

GIST

[ValentinH]

It's probably a measurement issue while the dialog is being opened.
If you resize the window while the issue is present, does it fix it?

If yes, it's a common issue with opening animations, you can search for issues with the dialog or modal keyword.

[ivanvinicius]

My layout is not responsive, so I defined fixed width and height for the dialog, and its content.

I tried to test resizing the window, but nothing happens.

I will look for something about your mentioned tip above.