admin-valentin/Open-Generative-AI
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: remove overflow-x-auto from VideoStudio controls row

Browse source 
overflow-x-auto implicitly sets overflow-y:auto, creating a clipping
context that cut off the upward-opening position:absolute dropdown
panels. Changed to flex-wrap so buttons wrap on narrow screens and
dropdowns display correctly.
This commit is contained in:
Anil Matcha 2026-03-23 00:16:14 +05:30
parent f4c8b3aae3
commit fc49614a87
1 changed files with 1 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/studio/src/components/VideoStudio.jsx
View file

@ -837,7 +837,7 @@ export default function VideoStudio({ apiKey, onGenerationComplete, historyItems
{/* Bottom row: controls + generate */}
<div className="flex flex-col sm:flex-row items-stretch sm:items-center justify-between gap-4 px-2 pt-4 border-t border-white/5">
<div className="flex items-center gap-1.5 md:gap-2.5 relative overflow-x-auto no-scrollbar pb-1 md:pb-0">
<div className="flex items-center gap-1.5 md:gap-2.5 relative flex-wrap">
{/* Model btn */}
<div ref={modelBtnRef} className="relative">