fix(desktop): add overflow-scroll for content visibility (#3758)

kovsu · Innei · web-flow · commit 0fc79c43a3c6 · 2025-05-19T15:50:39.000+08:00
* fix(desktop): add overflow-scroll for content visibility

* fix(discover): no scroll in transform form

Signed-off-by: Innei &lt;tukon479@gmail.com&gt;

---------

Signed-off-by: Innei &lt;tukon479@gmail.com&gt;
Co-authored-by: Innei &lt;tukon479@gmail.com&gt;
diff --git a/apps/desktop/layer/renderer/src/modules/discover/DiscoverFeedForm.tsx b/apps/desktop/layer/renderer/src/modules/discover/DiscoverFeedForm.tsx
@@ -90,12 +90,14 @@ export const DiscoverFeedForm = ({
   noDescription,
   routeParams,
   viewportClassName,
+  rootClassName,
 }: {
   route: RSSHubRoute
   routePrefix: string
   noDescription?: boolean
   routeParams?: RouteParams
   viewportClassName?: string
+  rootClassName?: string
 }) => {
   const { t } = useTranslation()
   const keys = useMemo(
@@ -227,7 +229,11 @@ export const DiscoverFeedForm = ({
       <Form {...form}>
         <ScrollArea.ScrollArea
           flex
-          rootClassName={cn(isInModal && "-mx-4 px-4 -mt-4", "max-h-[calc(100vh-200px)] grow")}
+          rootClassName={cn(
+            isInModal && "-mx-4 px-4 -mt-4",
+            "max-h-[calc(100vh-200px)] grow overflow-scroll",
+            rootClassName,
+          )}
           viewportClassName={cn("pt-4", viewportClassName)}
         >
           <div className="flex">
diff --git a/apps/desktop/layer/renderer/src/modules/discover/DiscoverTransform.tsx b/apps/desktop/layer/renderer/src/modules/discover/DiscoverTransform.tsx
@@ -70,6 +70,7 @@ export function DiscoverTransform() {
       {data?.rsshub!.routes && (
         <div className="bg-material-ultra-thin w-full max-w-screen-sm rounded-lg border p-5 shadow-sm">
           <DiscoverFeedForm
+            rootClassName="max-h-none"
             routePrefix="rsshub"
             route={data?.rsshub.routes["/transform/html/:url/:routeParams"]!}
             routeParams={transformRouteParams}
