backdrop-filter bug

[ymnk11]

Describe the bug
backdrop-filter bug

To Reproduce
Steps to reproduce the behavior:

1. Hover over any element
2. The background of elements with a backdrop-filter blur is acting up.

Expected behavior
The background is displayed correctly.

Screenshots

Device (please complete the following information):

• OS: [Windows]
• Browser [Vivaldi]
• Version [22.0.0]

[ymnk11]

CSS used

/* Link Button */
.link-elem.link div{
	background-color: #fff3;
  	border: solid 1px #fff4;
	backdrop-filter: blur(4px);
}
.link-elem:active.link div{
	background-color: #fff4;
}
.link-elem:active{
	filter: none;
}

/* Link Button Gap */
.link-list{
	row-gap: calc(var(--row-gap) + var(--column-gap));
}

/* Link Folder */
.link.link-folder > div > img{
	display:none;
}
.link.link-folder > div{
	backdrop-filter: blur(4px);
}
.link.link-folder > div{
	background-position: center;
  	background-repeat: no-repeat;
	background-size: 70%;
	background-image: var(--folder-icon);
}

.link-group.in-folder > .link-list{
	padding: 1.6em;
}

/* Link Button Icon */
.link-elem.link img{
	height: 80%;
	width: 80%;
	margin-top:10%;
}

[morceaudebois]

This reminds me of this old Firefox bug. Backdrop filter blur looks great but it often acts up, especially when you have dynamic effects like hovers on the page. This is likely out of our control, more a browser bug than a Bonjourr bug!