I have a web application generated in Xojo 2021r1.1 that exhibits a peculiar behavior when it tries to position a web dialog. If the target device has a screen width of 567 pixels or greater, it will center the web dialog as expected. But if the screen width is 575 pixels or less, the dialog positions itself near the upper left side of the screen. This isn’t a show stopper but it is peculiar. Why does the Xojo web framework change its behavior when the screen width crosses the 575 pixel boundary?
I was expecting the web dialog to continue to center itself as long as the web dialog would fit the width of the screen but instead I’m getting this odd behavior.
Here’s a demo recorded using Firefox in ‘responsive design mode’. As you can see the web dialog jumps around as the screen width is altered:
