React: 버그: Firefox: 자동 완성/자동 완성이 여전히 작동하지 않음

나는 이것을 조사했고 React가 제어된 입력에 대해 입력 DOM 노드의 defaultValue 를 현재 value 로 설정하기 때문에 발생하는 것 같습니다. node.value === node.defaultValue Firefox에서 항목을 제출하면 자동 완성을 위해 저장하지 않습니다. 어디에도 문서화되어 있지 않습니다. 방금 테스트(React 없이)를 찾았습니다.

이 문제를 ""해결"" 제거하면 다음과 같이 됩니다.
https://github.com/facebook/react/blob/1d85bb3ce13401644a5e345f8bc84522c59a951c/packages/react-dom/src/client/ReactDOMInput.js#L420

반작용 이유는 지정합니까 defaultValue 현재 value 당신이 입력이 있으면 때문입니다 type="reset" 당신이 그것을 클릭, 당신이 당신의 통제에서 빈 필드를 얻을 것 해당 라인을 제거한 경우 입력(다음에 다시 렌더링하면 수정됨). 적어도 코드를 탐색하여 이해하는 것입니다.

defaultValue 가 빈 문자열을 반환하도록 하여 제어된 입력에 대해 Firefox에서 자동 완성/자동 완성이 작동하도록 할 수 있습니다.

  function handleChange(event) {
    Object.defineProperty(event.target, "defaultValue", {
      configurable: true,
      get() { return "" },
      set() {},
    });
    setValue(event.target.value);
  }

type="reset" 이 없는 한 작동합니다. 그렇지 않으면 모든 필드가 공백으로 재설정됨을 알 수 있습니다(다음에 다시 렌더링하면 수정됨). 나는 이것을 권장하지 않습니다. 이것은 "해킹"이며 100% 신뢰할 수 있다고 말할 수 있는 곳에서는 어디에서도 사용하지 않았습니다.

어쨌든 이것은 아마도 Firefox ..의 버그 또는 기능(버그?)이지만 사양, MDN 또는 다른 곳에서 node.value === node.defaultValue 가 자동 채우기를 위해 저장에서 빠져나와야 하는 이유를 설명하는 아무 것도 찾지 못했습니다. 🤷‍♀️

저는 이 문제를 해결하기 위해 PR 작업을 하고 있었습니다. 하지만 Firefox에서 문제를 해결할 수 있을까요? 🙈 (버그인지 불명)
React 핵심 팀의 누군가가 이 문제 및/또는 이에 대해 우리가 할 수 있는 일을 알고 있는지 아는 것이 좋습니다.

편집: 이것은 Firefox의 문제를 보여주는 데모입니다. 일반 HTML + 3줄 JS 코드입니다.
https://codesandbox.io/s/naughty-feather-vwl6v?file=/index.html
따라서 그것은 그 자체로 React 문제가 아닙니다 🤔

관심있는 사람이 있으면 다음을 열었습니다.
https://bugzilla.mozilla.org/show_bug.cgi?id=1642570
😂

나는 이것이 # 15739의 복제본이라고 생각합니다.