This commit is contained in:
2025-12-19 07:46:46 -05:00
parent d5d2923dc5
commit 2cc07b6cc2

View File

@@ -38,7 +38,7 @@ export default function LyricSearch() {
{/* Hero section */} {/* Hero section */}
<div className="mt-8 mb-12 text-center flex flex-col items-center"> <div className="mt-8 mb-12 text-center flex flex-col items-center">
<div className="relative w-32 h-32 flex items-center justify-center mb-4"> <div className="relative w-32 h-32 flex items-center justify-center mb-4">
<div <div
className="absolute inset-0 rounded-full" className="absolute inset-0 rounded-full"
style={{ style={{
background: 'radial-gradient(circle at 50% 50%, rgba(168,85,247,0.25) 0%, rgba(168,85,247,0.15) 30%, rgba(236,72,153,0.08) 60%, transparent 80%)', background: 'radial-gradient(circle at 50% 50%, rgba(168,85,247,0.25) 0%, rgba(168,85,247,0.15) 30%, rgba(236,72,153,0.08) 60%, transparent 80%)',
@@ -261,10 +261,10 @@ export function LyricSearchInputField({ id, placeholder, setShowLyrics }) {
// Ignore // Ignore
} }
} }
// Method 2: Clear suggestions to ensure panel hides // Method 2: Clear suggestions to ensure panel hides
setSuggestions([]); setSuggestions([]);
// Method 3: Force hide via DOM after a tick (fallback) // Method 3: Force hide via DOM after a tick (fallback)
setTimeout(() => { setTimeout(() => {
const panel = document.querySelector('.p-autocomplete-panel'); const panel = document.querySelector('.p-autocomplete-panel');