Context/dropdown menus have a blurred box around them

[robbins]

Platform

ArchLinux AMD64

GPU, drivers, and screen setup

NVidia GTX 1050Ti, nvidia-dkms 455.45.01-1. Single monitor. Mesa 20.2.3-1.
glxinfo -B: https://del.dog/glxinfo.txt

Environment

XFCE4 & Picom.

picom version

Picom-git vgit-bb54d

Configuration:

Running with --experimental-backends.

backend = "glx";
experimental-backends = true;
glx-no-stencil = true;
glx-no-rebind-pixmap = true;
use-damage=true;
vsync = true;
unredir-if-possible = true;

blur-background-exclude = [
	"class_g ?= 'Steam'"
];


blur: {
  method = "dual_kawase";
  strength = 20;
  background = false;
  background-frame = false;
  background-fixed = false;
}

Steps of reproduction

1. Enable dual_kawase blur in picom.conf, and use --experimental-backends.
2. Set the backend to GLX.

Expected behavior

Menus should show up with no blurred box around them.

Current Behavior

Other details

When I disable blur, menus show up normally.
So I noticed this issue originally on picom-ibhagwan, but I realized it also shows up using picom-git.

[tryone144]

It looks like you are using a theme which draws its own shadows around menues. This results in the menu window being larger than the actually visible menu. The blur logic currently has no way of knowing what part of the window is the actual menu and what should be the background and can only blur the whole window leading to the observed effect. </rant>

You can disable background blurring for menu windows with the following rule:

blur-background-exclude = [
  "window_type = 'menu'";
  "window_type = 'dropdown_menu'";
  "window_type = 'popup_menu'";
  "window_type = 'tooltip'";
];

or by using the blur-background = false option in the wintypes section (when using the git-version).

You can check the window type with xprop _NET_WM_WINDOW_TYPE and clicking on the window in question.

[robbins]

That was too simple, thanks so much. Should've been able to find that in Google 😞.
👍

[kcx1]

This was super helpful for me!

It's supposed to be commas in a list instead of semi-colons

blur-background-exclude = [
  "window_type = 'menu'",
  "window_type = 'dropdown_menu'",
  "window_type = 'popup_menu'",
  "window_type = 'tooltip'",
];