I have a repeating row in my web app, with one image displayed per row. I have definitely set the image Advanced Properties: Position to “Relative.” However, the stylesheet that the app builds has the images displaying with Position = Absolute, which causes them to not show up at all
I’ve attached some screenshots of what I’m seeing. (The Preview screenshots are from Chrome, but I’ve also replicated the issue in Firefox.) You’ll notice that the browser has loaded each image, knows its size, knows where to put it (I outlined its cell in red to make sure), knows how many rows there are, etc.; and when I use Chrome Dev Tools to uncheck the “position: absolute” attribute, the image shows up just fine!
If I A) remove the logic connector from the Component Tap event (so Component Tap does nothing), or B) uncheck the “position: relative” attribute of the div that allows interaction via Dev Tools, my images become visible once more. This seems to indicate that somehow the way AppGyver constructs the interactivity element is the culprit… I just can’t understand how.
This sounds really odd I have never encountered this before! Can you share your app id so I could take a look at your setup and recreate this so I can file a bug about it?
That was many saves ago so I don’t know if you’re going to find it. (I ended up creating a workaround where I have a “Select” clickable next to the image, so the user doesn’t click the image directly.) But sure! I’ll message you.