Display of bottom border stroke missing (non urgent)

[Rosewebstudio]

Not urgent but does appear to be a bug

Affecting - card layout
Using - iPhone iOS 14.3

Issue - When opening a tab details/card layout the bottom border/stroke does not initially display.

If I then open another tab and then go back the affected tab the bottom border/stroke appears

I have recreated the layout, signed in/out, refreshed glide etc and tested this over a number of days but the bug remains.

Also just noticed when I select the card element in glide you will see that when the tab is initially loaded the display (blue border) cuts off the display. If I then go to another tab and come back the blue border sizes correctly

Thanks in advance

[AymenM]

Hey !

Out of curiosity, I like the way the dates are displayed. Would you mind sharing how you added those « boxes » ?

Thanks in advance

[Darren_Murphy]

Jason, you should join the Glide team to run their QA testing

[Rosewebstudio]

@Darren_Murphy Would love to but Glide not looking for a tester (yet). I used to be a test manager for a UK high street bank, so had some experience!

[Rosewebstudio]

Hey @AymenM

Does this help? or are you referring to the Blue Boxes? if so I cant help as its a screen shot from glide builder

[Jeff_Hager]

Yes, I have this same problem!

In my main app, whenever I get to this screen, the cards are initially smashed together with no gap between them.

Same as you, when I open a card and come back, then it straightens out and the gap comes back.

In my calendar app, I have the same issue, but to a much more extreme level. They are much more cut off and actually overlay each other.

Usually opening one of the cards then coming back will clear it up, or tapping randomly on the screen will get it to fix itself.

I have a theory, especially with the second example. In both cases I’m using CSS, but the first app is just a simple hack to get a shadow on a tile further up the screen. I’ll have to see if removing the css makes a difference as I’m sure it’s bumping the location of everything down a few pixels. (The app is currently being used, so I’ll have to wait until later to try it). On the second example, that screen doesn’t have any CSS applied, but the prior screen has some heavy CSS manipulation, so I’m almost positive that is playing a part in the cards initially overlaying each other and getting squashed.

I also have a theory that the card’s height is being determined before all of the data content of the card has been loaded. So for example, the card may be loading as 50px with a 5px gap, but once the content is finished loading, the height of the card bumps up to 55px and the gaps don’t reflow to account for that. Not sure how to fix that, but I’m guessing that may be the issue.

I’ve had this issue in my main app for a long time, but it hasn’t affected usability much.