I’ve been running into a weird visual issue that I can’t seem to resolve. Out of nowhere, these faint diagonal lines started appearing across my page.
My setup is single page app where switching custom states changes what’s displayed. The issue only shows up on the Settings and Profile sections. Though, in the Looking For Group, the lines don’t appear at all.
I have not touched these groups in months and the issue appeared suddenly. I updated to the latest version of Bubble and the issue still persists. Reverting to older saves and undoing recent changes didn’t fix it.
Here’s what I’ve noticed so far:
The lines disappear if I delete certain elements (e.g. when the accent colour and background groups are deleted) and refresh the page. Though there are no specific conditions or layout settings for them.
On the Lime accent colour, only a signal diagonal line appears in the header.
Nothing in the layout or workflows logically explains this… it just started happening and it’s ruining the design.
I’ve attached screenshots showing how it looks across pages.
Has anyone experienced something similar or found a fix for this?
It also disappears when the sidebar is not visible. I am so confused as to what is causing this and it will take a lot of work to try and find all broken elements, duplicate them and then fix it.
It is very odd that the lines appear on the reusable header element that is completely separate from the individual screens and elements that are causing it.
I was able to fix the one on my Settings page by right clicking the group and selecting Bring To Front. Though, it still appears on my reusable element header when on one of the pages, which I can’t seem to fix.
Hopefully a fix is already being made to it by Bubble.
