Use modal on dropdowns for mobile only (#11993)

2024-06-16 12:58:28 -06:00
parent f1bb797fe0
commit 89a478ce0a
4 changed files with 6 additions and 6 deletions
--- a/web/src/components/player/VideoControls.tsx
+++ b/web/src/components/player/VideoControls.tsx
@@ -1,5 +1,5 @@
 import { useCallback, useMemo, useRef, useState } from "react";
-import { isMobileOnly, isSafari } from "react-device-detect";
+import { isDesktop, isMobileOnly, isSafari } from "react-device-detect";
 import { LuPause, LuPlay } from "react-icons/lu";
 import {
  DropdownMenu,
@@ -242,7 +242,7 @@ export default function VideoControls({
      )}
      {features.playbackRate && (
        <DropdownMenu
-          modal={false}
+          modal={!isDesktop}
          onOpenChange={(open) => {
            if (setControlsOpen) {
              setControlsOpen(open);