[fix] Fix Context Menu selection lost on Safari

packages/mui-material/src/Menu/Menu.js

@@ -7,6 +7,7 @@ import composeClasses from '@mui/utils/composeClasses';
 import HTMLElementType from '@mui/utils/HTMLElementType';
 import { useRtl } from '@mui/system/RtlProvider';
 import useSlotProps from '@mui/utils/useSlotProps';
+import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 import MenuList from '../MenuList';
 import Popover, { PopoverPaper } from '../Popover';
 import rootShouldForwardProp from '../styles/rootShouldForwardProp';
@@ -106,6 +107,21 @@ const Menu = React.forwardRef(function Menu(inProps, ref) {
 
   const menuListActionsRef = React.useRef(null);
 
+  useEnhancedEffect(() => {
+    if (open) {
+      const selection = document.getSelection();
+
+      if (selection && selection.rangeCount > 0) {
+        const range = selection.getRangeAt(0);
+
+        setTimeout(() => {
+          // Restore the selection before focusing, to not affect the text selection on Safari and Firefox.
+          selection.addRange(range);
+        });
+      }
+    }
+  }, [open]);
+
   const handleEntering = (element, isAppearing) => {
     if (menuListActionsRef.current) {
       menuListActionsRef.current.adjustStyleForScrollbar(element, {

packages/mui-material/src/MenuList/MenuList.js

@@ -81,6 +81,16 @@ function moveFocus(
       // Move to the next element.
       nextFocus = traversalFunction(list, nextFocus, disableListWrap);
     } else {
+      const selection = document.getSelection();
+      if (selection && selection.rangeCount > 0) {
+        const range = selection.getRangeAt(0);
+
+        setTimeout(() => {
+          // Restore the selection before focusing, to not affect the text selection on Safari and Firefox.
+          selection.addRange(range);
+        });
+      }
+
       nextFocus.focus();
       return true;
     }