Как исправить ошибку эффекта размытия в раскрывающемся списке пользовательского интерфейса ShadCN? ⇐ CSS

[Anonymous]

Я работаю над проектом React и использую пользовательский интерфейс ShadCN. Однако у меня возникла проблема с раскрывающимся меню, которое применяет эффект размытия к фону.
введите здесь описание изображения

Код: Выделить всё

{currentView === 'all' ? 'All Songs' : 'Recently Played'}




 setCurrentView('all')}>
All Songs

 setCurrentView('recent')}>
Recently Played

Что я пробовал:

[*]Я добавил классы CSS Tailwind, такие как backdrop-blur и bg -opacity, чтобы включить эффект размытия.
[*]Я проверил файл Tailwind.config.js, чтобы убедиться, что фоновое размытие включено.
[*]Я тестировал в разных браузерах, чтобы исключить проблемы с рендерингом, специфичные для браузера.


Подробнее здесь: https://stackoverflow.com/questions/793 ... i-dropdown