Black flashing screen in Chrome?

A couple of users reported having a “black flashing screen” in our Bubble app and then they had to do manually kill Chrome and couldn’t even restore tabs.

Bubble support said they never received such a report, my googling lead to stuff about Intel Macs or hardware acceleration, reviewing the users session replay show nothing abnormal (the Posthog error reporter probably crashes together with it all).

Any clues / ideas?

any plugins you’ve added or updated recently?

There’s one plugin where the problem is the inverse: we should update it because it’s generating some errors.

I had not thought too much about this angle because only 2 users of 1 company reported errors. But it’s a good question, I’ll add to my to-investigate list. Do you have any hunches of plugins that have been bad-bad-boys?

It was not a bad hunch, it looks like there’s a plugin (Advanced Tooltip) – or our use of it – leaving quite a bit of orphaned elements behind (thanks to this little tutorial: TIL how to find memory leaks in Bubble).

Try Better Tooltips by NQU :rofl: Better Tooltips Plugin | Bubble

Certainly!
Is it using the new anchor API? Introducing the CSS anchor positioning API  |  Blog  |  Chrome for Developers

Informed the uninformed here, how do you pass any info to the plugin?

I was trying to hunt down the documentation but it just takes me to your homepage. The demo app is password-protected.

and I didn’t find a thread for this plugin.

Oh sorry the plugin is pretty badly documented. If you want good documentation you buy from @alexcooney5

But it affects the native tooltip property on any element that supports it. To modify it, use Tippy JS propeties here: All Props | Tippy.js

It should support the most important ones.

e.g a tooltip of [bottom, no-fade] will appear below when hovered with no fade animation

2 Likes

This topic was automatically closed after 70 days. New replies are no longer allowed.