
So after spending a whole day building a custom form, I realized that it is completely messed up in both Edge and Chrome while the app is outside Studio.
Here's what the form looks like when in Studio:
Here's the same app launched outside of Studio:
Any ideas about how to fix this?
What I've tried so far: turning "Improved rendering" on and off, playing with "Experimental" features, turning them on and off, same result in both browsers. Since it was the first time I used Chrome on this machine, browser cache has nothing to do with the issue.
Here's what I did to fix it:
1. Go to each DataCardKey and change "AutoHeight" to false.
2. Disable "Snap to columns"
3. Set Visible=true on all DataCards, readjust sizes and positions for each and every one of them, then set Visible=false on the ones that I needed to be hidden.
A very annoying bug.