UI Glitches on Hover

[brianebeling]

When hovering certain elements, like options my UI glitches like that. Is that a known issue? Or do you know why that could happen? Maybe its a configuration thing.

Example

[jasonhulbert]

@brianebeling I haven't experienced this issue. My first guess would be it has something to do with the custom, monospaced font you're using in your appearance settings.

It might be worth trying to reset the UI font to Jetbrains default and see if the issue persists. "Appearance & Behavior" -> "Appearance" -> (Uncheck) "Use custom font"

[jasonhulbert]

You could also post this issue on YouTrack

[bslote]

It happens to me as well. No custom font being used (or any setting that would otherwise override the default appearance). I can also confirm that it happens in both Rider and a fresh install of IntelliJ IDEA (both 2022.2.2). The buggy behavior started happening with the Trash Panda 2.0.0 update.

It doesn't seem to be isolated to font rendering. Mousing over the help button on the settings menu, for instance, will cause it to render a bunch of random contents behind the "?" icon.

[jasonhulbert]

I’ll look into it further but I’m not sure how to recreate the issue. Have you seen this with other themes? Would you mind trying?

[brianebeling]

Hi Jason, first of all, thank for you for the theme. I love it.

Trying the things you mentioned yielded no luck unfortunately. All the other themes do appear to work. I'll wait a bit with the YouTrack ticket for now. Maybe we can collect some data to find a possible cause.

My current setup is: Windows 11, Up 2 date rider, i5 8600k, MSI RTX 3080

This is personally the first time I've seen a theme do that. I'm very curious as to what could be the issue.

Edit: I just realized it happens on my laptop too. Also Intel + Nvidia, Windows 11 insider build.

[Riaan-Crause-Kohde]

Don't know if this might be of any use, but it seems to "cache" and render something that was recently hovered over in the back. It doesn't seem completely random to me as mentioned above.

[brianebeling]

Interestingly the issue is not present on the new EAP versions when the Beta UI is enabled

[jasonhulbert]

@brianebeling @Riaan-Crause-Kohde

One of the differences on the Button components compared to other UI components is that, in some cases, I'm using a transparent background instead of a defined color. I changed those transparent values to be the same as the default background color. In order to allow you to test it out and see if it resolves this issue, I published a beta version (2.0.2-beta.1) to the marketplace yesterday. Would you guys mind downloading/installing that beta version and let me know if the issue persists?

[brianebeling]

No change, concerning the glitching, with the beta for me. Thank you for trying, though!

[jasonhulbert]

No change, concerning the glitching, with the beta for me. Thank you for trying, though!

Thanks for checking @brianebeling

[DiegoLpVn]

Same problem is happening to me in both Android Studio and IntelliJ. I've tried switching different Appearance settings but nothing seems to fix the glitch.

That does not only happen when hovering but also when pressing "Alt" key on Windows.

If it helps, it only (or mainly) seems to happen when using Dialogs. For example if I open the Git Commit Dialog, every checkbox glitches when hovering or pressing Alt, but if I open it on "non-modal window" the checkbox doesn't seem to glitch.

EDIT: I've updated both Android Studio and the Theme and the problem seems fixed in most of the places using these versions:

• Android Studio Electric Eel | 2022.1.1 Patch 1
• com.villains.intelij.plugin.trashpandatheme (2.0.4)

[jasonhulbert]

As far as I can tell, this issue is resolved. If anyone else encounters the issue after updating to IDE build version >= 231.* and plugin version >= 2.0.4, please let me know.