Add blurred right click menu

[nonetrix]

Description
Add blur to right click menu this requires layout.css.backdrop-filter.enabled to be set to true on older versions of Firefox it was only recently enabled by default as of 103 to my knowledge maybe 102-101?

Include screenshot / video recording if possible.

[IkelAtomig]

It is set to true for me but I don't see the blur effect. Do you use Mica ?

[nonetrix]

I am on Windows 11 I assume so the screenshot is Edge not Firefox

[bmFtZQ]

It seems that backdrop-filter cannot be applied to the context menu. I think it is because Firefox draws context menus as their own windows separate from other content, but Firefox can only blur it's own in-page content.

.menupopup-arrowscrollbox {
  background: #fff8 !important;
  backdrop-filter: blur(20px) !important;
}

backdrop-filter is definitely enabled:

body {
  backdrop-filter: blur(20px) !important;
}

[nonetrix]

Well in that case you can probably use Mica for everyone in some way or Picom on Linux

I know on Linux Firefox menu has it's own window class in xprop something like right_click_menu I'm sure it's same on Windows

[bmFtZQ]

Closing this due to Mica being no longer supported.