[fields] Fix readOnly behavior (mui#12609)

DungTiger · Jul 23, 2024 · e743f4f · e743f4f
1 parent 4016203
commit e743f4f
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/x-date-pickers/src/internals/hooks/useField/useFieldV6TextField.ts b/packages/x-date-pickers/src/internals/hooks/useField/useFieldV6TextField.ts
@@ -171,7 +171,8 @@ export const useFieldV6TextField: UseFieldTextField<false> = (params) => {
       getActiveSectionIndexFromDOM: () => {
         const browserStartIndex = inputRef.current!.selectionStart ?? 0;
         const browserEndIndex = inputRef.current!.selectionEnd ?? 0;
-        if (browserStartIndex === 0 && browserEndIndex === 0) {
+        const isInputReadOnly = !!inputRef.current?.readOnly;
+        if ((browserStartIndex === 0 && browserEndIndex === 0) || isInputReadOnly) {
           return null;
         }
 
@@ -196,6 +197,7 @@ export const useFieldV6TextField: UseFieldTextField<false> = (params) => {
 
   const syncSelectionFromDOM = () => {
     if (readOnly) {
+      setSelectedSections(null);
       return;
     }
     const browserStartIndex = inputRef.current!.selectionStart ?? 0;