Фоновая блока не работает в хроме с вложенными элементами ⇐ CSS

[Anonymous]

Фон-блор, используемый в Navbar, работает совершенно хорошо, если нет вложенных элементов. Теперь, которые добавили выпадающую в Navbar, фоновой Blur не работает для выпадающего меню, которое прикреплено к Navbar в основном для Chrome & Edge. Я также пытался отдельно отдать их, сохраняя выпадающее меню, не мог достичь результатов, даже пытаясь использовать стандартное фоновое фильтр CSS-свойство (не CSS Tailild), но все еще не мог достичь результатов. className='fixed top-4 left-0 right-0 z-50 flex justify-center px-4'
ref={navRef}
>



Example



{isMobileMenuOpen ? : }




{({ isActive }) => (

Home
{isActive && (

)}

)}



{({ isActive }) => (

Blogs
{isActive && (

)}

)}




Services



{isServicesOpen && (


Link 1


Link 2


)}



{({ isActive }) => (

About
{isActive && (

)}

)}






Подробнее здесь: https://stackoverflow.com/questions/797 ... d-elements