Wie kann der Fehler mit dem Unschärfeeffekt im Dropdown-Menü der ShadCN-Benutzeroberfläche behoben werden? ⇐ CSS

[Guest]

Ich arbeite an einem React-Projekt und verwende ShadCN UI für die Benutzeroberfläche. Allerdings habe ich ein Problem mit einem Dropdown-Menü, das einen Unschärfeeffekt auf dem Hintergrund verwendet.
Geben Sie hier eine Bildbeschreibung ein

Code: Select all

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




 setCurrentView('all')}>
All Songs

 setCurrentView('recent')}>
Recently Played

Was ich versucht habe
TailwindCSS-Klassen wie „background-blur“ und „bg-opacity“ hinzugefügt, um den Unschärfeeffekt zu aktivieren.
Ich habe meine tailwind.config.js-Datei überprüft Stellen Sie sicher, dass die Hintergrundunschärfe aktiviert ist.
Getestet auf verschiedenen Browsern, um browserspezifische Rendering-Probleme auszuschließen.