Scanner window on initial display incorrect size

[dbrody2004]

I have the scanner component inside the dialog box. The dialog box has the wrong dimensions when there is no camera image in it and cuts off the scanner component. When there is an image everything works fine. This is the case with any React component such as Box, Card, etc

[ahansson89]

Were you able to solve this?

[ahansson89]

I fixed it with these styles:

            container: {
              width: "100%",
              height: "0", // hack to make the video not shift the layout
              paddingBottom: "100%", // hack to make the video not shift the layout
            },
            video: { width: "100%", height: "auto" }, // hack to make the video not shift the layout
          }}

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.