TOTP 모달 문제 (2FAS 브라우저 확장 프로그램과의 협력)

기여 UX
,
1

안녕하세요,

2FAS 브라우저 확장 프로그램 개발자 Greg Zajac입니다. 1.6.0 버전에서 TOTP 코드를 위한 새로운 자동 제출(auto submit) 기능을 도입했습니다. 2FA를 지원하는 모든 웹사이트를 지원하기는 어렵지만, 최선을 다하고 있습니다. 불행히도, 사용자는 Discourse 스크립트 기반 페이지에서 오류가 발생한다는 보고를 했습니다. GitHub Issue

DOM을 조사해 보니 TOTP 모달의 “Log in” 버튼이 폼(form) 밖에 위치해 있음을 발견했습니다.
image
또한 이 버튼은 submit 타입이 아닌 일반 버튼입니다.

이 부분에 대한 변경을 고려해 주십시오. 제 제안은 다음과 같습니다:

  • 버튼을 폼 내부로 이동,
  • 버튼 타입을 button에서 submit으로 변경,
  • 가능하면 "Log In"이라는 텍스트(TOTP에서는 로그인 폼과 관련이 있는 텍스트로 간주되어 무시되므로)를 “Verify”, “Next” 또는 TOTP에 더 적합한 다른 문구로 변경.

미리 감사합니다 :slight_smile:

3개의 좋아요
3

연락해 주셔서 감사합니다, Greg.

우리 측에서는 가장 쉬운 변경 사항입니다. 이 변경 사항만으로도 확장 프로그램의 문제가 해결될 것이라고 생각하시나요?

4

조금 해킹을 해서 향후 릴리스에서는 작동할 것으로 보이지만, 제게 이상적인 방법은 이 버튼에 데이터 속성을 추가하는 것입니다.
image
예를 들어 data-action="totp-submit" 또는 이와 유사한 속성 말이죠 :wink: