
Announcements
Hello community - I"m wondering if there is a bug causing elements to disappear on my responsive app, or if anyone might know of a setting change that could cause that.
The reason I suspect it is a bug is because if I move the screen size then it adjusts and I can see everything no problem. But the minute I click back and navigate to the same screen - everything is once again missing until I change my screen size (smaller or larger - doesn't matter. It just needs adjusted. This is an issue because the app is to be embedded on a Sharepoint site so users navigating to the app that way will not be able to change the screen size.
On Sharepoin, it'll have a 1206 width:
I navigate to the problem screen from a gallery html link:
Width size 1217
And this is what happens on the details screen - same width1217:
But I adjust my screen size by changing the window to 1201, then the elements appear:
Does anyone know what could cause this? I've never come across it before and I can't find anything different on this screen than my other screens.
Thank you,
Kendra
Okay, I think I've figured out the issue and thought I'd post in case anyone else runs into a similar scenario. But since I'm not sure why it was happening, I thought I would wait to mark the issue resolved in case someone could offer an explanation as to why it caused that.
The issue was that the label that contained the award name (the only element visible on the screen) was set to auto-height "ON". Once I changed this setting to "OFF" on the label, then it resolved the issue. The label was inside a horizontal container and the height of the horizontal container was set to the height of this label. (Flexible height turned off as in the snippet)
If anyone can reply to explain why that happened, it would be helpful going forward. I'll leave this post "unsolved" because it would be a good lesson to understand why the auto-height had that affect.
Thanks so much!
Kendra