fix(ui): Prevent unintended text selection and improve component behavior (#5077)

platform/ui-next/src/components/CinePlayer/CinePlayer.tsx

@@ -70,8 +70,14 @@ const CinePlayer: React.FC<CinePlayerProps> = ({
   );
 
   return (
-    <div className={`absolute top-10 left-1/2 z-50 -translate-x-1/2 ${className}`}>
-      <div className={'bg-muted inline-flex select-none items-center gap-2 rounded-md px-2 py-2'}>
+    <div
+      className={`pointer-events-none absolute top-10 left-1/2 z-50 -translate-x-1/2 ${className}`}
+    >
+      <div
+        className={
+          'bg-muted pointer-events-auto inline-flex select-none items-center gap-2 rounded-md px-2 py-2'
+        }
+      >
         <Button
           variant="ghost"
           size="icon"
@@ -167,7 +173,7 @@ const CinePlayer: React.FC<CinePlayerProps> = ({
           step={1}
           value={dynamicInfo.dimensionGroupNumber}
           onChange={val => handleDimensionGroupNumberChange(val as number)}
-          className="mt-3 w-full"
+          className="pointer-events-auto mt-3 w-full"
         >
           <Numeric.SingleRange showNumberInput={false} />
         </Numeric.Container>