How to remove blur from search dialog?

[Dhruv-Garg79]

I am trying to make backgroud of search dialogue opaque like in example website, but I am unable to do so. Tried changing these classes - bg-bgColor shadow backdrop:backdrop-blur, but unable to do it

[chrismwilliams]

You're almost there, if you remove backdrop:backdrop-blur class from <dialog> it will remove the blur from the ::backdrop pseudo element, which is what fills the viewport.

bg-bgColor and shadow are targeting just the <dialog> element.