fix: media modal scrolling auf mobile (overflow scroll + touch)

This commit is contained in:
2026-06-06 19:32:16 +02:00
parent 4a5e314aea
commit 87c02652b5

View File

@@ -376,13 +376,19 @@ function MovieModal({ tmdbId, onClose, mobile }) {
display:'flex', alignItems: mobile ? 'flex-end' : 'center', justifyContent:'center',
backdropFilter:'blur(4px)',
}}>
<div onClick={e => e.stopPropagation()} style={{
background:'#1a1a1f', border:'1px solid rgba(255,255,255,0.1)',
borderRadius: mobile ? '16px 16px 0 0' : 16,
width: mobile ? '100%' : 560,
maxHeight: mobile ? '90vh' : '85vh',
overflowY:'auto', position:'relative',
}}>
<div
onClick={e => e.stopPropagation()}
onTouchMove={e => e.stopPropagation()}
style={{
background:'#1a1a1f', border:'1px solid rgba(255,255,255,0.1)',
borderRadius: mobile ? '16px 16px 0 0' : 16,
width: mobile ? '100%' : 560,
maxHeight: mobile ? '90vh' : '85vh',
height: mobile ? '90vh' : 'auto',
overflowY:'scroll',
WebkitOverflowScrolling:'touch',
position:'relative',
}}>
{/* Backdrop */}
{detail?.backdrop_path && (
<div style={{ position:'relative', height:180, overflow:'hidden',