NO BUG: Posts element vs. Related Posts element - differences in display

Bugs
1

Browser: Chrome 110
OS: macOS / Windows / Linux / etc.
URL: Link to a page that illustrates this issue
Video: Short screen recording that illustrates this issue (free tool: jam.dev)

A custom class that includes rounded corners applied to Related Posts element displays differently than the Posts element. It appears as though the image is not contained within the li the same way. The corner radius in Related Posts is shown on the bottom two corners, but not on the top two corners. Whereas in the Posts element, all four corners are showing the correct corner radius.

I realize there are some other classes set for the Posts element…but in general, shouldn’t those be the same?
Related Posts element

Screenshot 2024-06-09 at 6.45.04 PM
Screenshot 2024-06-09 at 6.45.04 PM1436×1188 104 KB

Posts element

Screenshot 2024-06-09 at 6.45.37 PM
Screenshot 2024-06-09 at 6.45.37 PM1432×1470 87.8 KB

2

Hi Keith,
Thanks so much for your report!

Both elements have different markup and therefore the result is different. However, you can achieve the same result by simply adding overflow: hidden (style » layout » misc) to your class.

Best regards,
timmse

3

Thank you for the quick reply. I was also trying to keep a drop shadow from being clipped, but upon re-reading this post (NO BUG: Posts Element Box Shadow is getting clipped on the left and right sides) I found that I could apply the overflow:visible to the root and that covers both issues.

Thanks! KC