[text field] Fix inconsistent input caret position on focus

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

@@ -455,14 +455,31 @@ const InputBase = React.forwardRef(function InputBase(inProps, ref) {
   }, []);
 
   const handleClick = (event) => {
-    if (inputRef.current && event.currentTarget === event.target) {
-      inputRef.current.focus();
+    const input = inputRef.current;
+
+    if (
+      input &&
+      (input instanceof HTMLInputElement || input instanceof HTMLTextAreaElement) &&
+      event.currentTarget === event.target
+    ) {
+      const pos =
+        typeof input.selectionStart === 'number' ? input.selectionStart : input.value.length;
+
+      input.focus();
+
+      requestAnimationFrame(() => {
+        const restorePos =
+          pos === 0 && event.target === event.currentTarget ? input.value.length : pos;
+
+        input.setSelectionRange(restorePos, restorePos);
+      });
     }
 
     if (onClick) {
       onClick(event);
     }
   };
+
   let InputComponent = inputComponent;
   let inputProps = inputPropsProp;