Clear vern selection when user returns to vern text field (#3290)

src/components/DataEntry/DataEntryTable/EntryCellComponents/VernWithSuggestions.tsx

@@ -19,6 +19,7 @@ interface VernWithSuggestionsProps {
   updateVernField: (newValue: string, openDialog?: boolean) => void;
   onBlur: () => void;
   onClose?: (e: SyntheticEvent, reason: AutocompleteCloseReason) => void;
+  onFocus?: () => void;
   suggestedVerns?: string[];
   handleEnter: () => void;
   vernacularLang: WritingSystem;
@@ -51,6 +52,7 @@ export default function VernWithSuggestions(
         // onChange is triggered when an option is selected
         props.updateVernField(value ?? "", true);
       }}
+      onFocus={props.onFocus}
       onInputChange={(_e, value) => {
         // onInputChange is triggered by typing
         props.updateVernField(value);

src/components/DataEntry/DataEntryTable/NewEntry/index.tsx

@@ -221,6 +221,13 @@ export default function NewEntry(props: NewEntryProps): ReactElement {
     }
   };
 
+  /** Clear the duplicate selection if user returns to the vernacular field. */
+  const handleOnVernFocus = (): void => {
+    if (selectedDup) {
+      setSelectedDup();
+    }
+  };
+
   const handleCloseVernDialog = (id?: string): void => {
     if (id !== undefined) {
       setSelectedDup(id);
@@ -260,6 +267,7 @@ export default function NewEntry(props: NewEntryProps): ReactElement {
                 setVernOpen(true);
               }
             }}
+            onFocus={handleOnVernFocus}
             suggestedVerns={suggestedVerns}
             // To prevent unintentional no-gloss submissions:
             // If enter pressed from the vern field, check whether gloss is empty