MacOS의 Firefox의 대화식 요소에 적절한 탭

최근에 나는 MacOS에 대한 Firefox에서 실망스러운 초점 문제를 겪었습니다. 사용자는 코드 펜 임베드를 통해 탭할 때 예상치 못한 스크롤 동작을보고했습니다. 페이지가 상단으로 이동합니다! 이것을 조사하면서, 나는 기괴한 불일치를 발견했습니다.

나의 초기 테스트는 불규칙한 초점 행동을 밝혀냈다. 놀랍게도 링크 ( 태그)는 때때로 탭 키를 통해 접근 할 수 없었습니다. 이것은 근본적으로 틀린 것처럼 보였다.

일부 연구 및 커뮤니티 문의 후, 범인은 Firefox의 탭 순서에 영향을 미치는 MACOS 시스템 선호도가 등장했습니다. 이 선호도 (및 Firefox를 다시 시작)를 활성화하면 문제가 해결되어 링크 Tabbable과 같은 예상 요소가됩니다.

원래 스크롤 투-탑 버그는 코드 삽입 내에서 "Skip Results Iframe"링크에서 비롯되었습니다. Iframe을 우회하도록 설계된이 링크는 집중할 때만 나타났습니다. 나의 초기 (그리고 명백히 서투른) position: absolute; top: -9999px; left: -9999px 로 인해 Firefox가 초점 스타일이 요소를 재배치했지만 Firefox가 페이지를 맨 위로 점프했습니다. 이것은 Firefox 내에서 인종 조건 인 것으로 보입니다.

이 방법을보다 강력하고 접근 가능한 은신처 기술로 대체했습니다. 또한 Firefox가 문제가있는 링크가 iframe 내에 존재했을 때 부모 페이지의 스크롤 위치에 영향을 줄 것이 비논리적이라는 것을 알았습니다. 업데이트 된 솔루션도이를 해결합니다.

위 내용은 MacOS의 Firefox의 대화식 요소에 적절한 탭의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!