root/jukebox-vibe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Nightly: Emoji-Picker als Portal (document.body) mit sehr hohem z-index keine Überdeckung durch Sounds, korrekte Position

Browse source
This commit is contained in:
vibe-bot 2025-08-09 21:36:06 +02:00
parent 9789a5e931
commit 60a0ac3a82
2 changed files with 5 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

7
web/src/App.tsx
View file

@ -464,8 +464,8 @@ export default function App() {
setShowEmojiPicker(v=>!v);
}}
>Custom Emoji</button>
{showEmojiPicker && (
<div ref={emojiPickerRef as any} className="emoji-picker" style={{ position:'fixed', left: emojiPos.left, top: emojiPos.top, zIndex: 999999 }}>
{showEmojiPicker && typeof document !== 'undefined' && ReactDOM.createPortal(
<div ref={emojiPickerRef as any} className="emoji-picker" style={{ position:'fixed', left: emojiPos.left, top: emojiPos.top, zIndex: 300000 }}>
{EMOJIS.map((e, i)=> (
<button key={i} onClick={async ()=>{
try{
@ -478,7 +478,8 @@ export default function App() {
}catch(err:any){ setError(err?.message||'Badge-Update fehlgeschlagen'); setInfo(null); }
}}>{e}</button>
))}
</div>
</div>,
document.body
)}
</div>