iOS PWA에서 누락된 기능이 있습니다. ‘아래로 당겨 새로고침’ 기능이 포함되어 있지 않아 새로고침을 하려면 PWA를 닫고 다시 열어야 합니다. 이 테마 컴포넌트는 ‘아래로 당겨 새로고침’ 기능으로 이 공백을 메우려 합니다. 채널에서 안전하지 않게 작동할 수 있으므로 채팅 페이지에서는 이 기능을 비활성화했습니다. 활성화 지점은 #main-outlet이며, 페이지 상단 헤더 아래에서 아래로 당기면 로더가 트리거됩니다.
아래로 당기면 로더가 지속적으로 나타나고, 준비 지점에 도달하면 하이라이트 효과와 함께 느리게 회전하기 시작합니다. 손을 놓으면 더 빠르게 회전하며, 새로고침 동안 페이지 상단에 로더를 유지합니다.
빨리 당기면 바로 새로고침이 됩니다. 하지만 상대적으로 느린 속도로 당기면 먼저 화살표(chevron)가 표시되고, 그 다음에 로딩 스피너가 나타납니다. 화살표와 로딩 스피너 사이의 지연은 불필요한 트리거를 방지하고 더 나은 피드백을 제공하기 위해 의도적으로 설계된 것 같습니다. @Don, 제가 틀렸다면 알려 주세요.
현재 모습은 다음과 같습니다. 기본 Safari 로더와 유사한 것을 시도해 보았습니다. 아래로 당기면 로더가 연속적으로 나타나고, 준비 지점에 도달하면 하이라이트 효과와 함께 천천히 회전하기 시작합니다. 놓으면 더 빠르게 회전하기 시작하며, 페이지 상단에 로더를 유지합니다. 실제로 페이지가 새로고침되기 전에 로더를 숨깁니다.
네, 그렇지만 아니에요. 현재 이 컴포넌트는 아무것도 하지 않습니다. iPad는 가끔 PWA에 대해 기이한 동작을 보이기도 합니다. 재부팅하면 해결되곤 합니다. PWA는 요즘 다소 문제가 많은데, 최신 iPadOS 업데이트 이후로는 상황이 더 나빠졌습니다. 하지만 이번에는 재부팅도 도움이 되지 않았습니다.
되돌릴 수 있을까요? 가능하다면 어떻게 해야 하나요?
그리고 ‘업데이트되지 않는’ 문제는 어제 컴포넌트를 업데이트한 이후에 시작되었다고 추정합니다. 다만 직접 확인해 보지는 않았습니다. 하지만 우연일 수도 있고, 진짜 문제는 OS에 있을 수도 있습니다.
iPhone은 잘 작동합니다. 처음에… 영어 이름이 뭐였더라… 아래를 가리키는 화살표가 표시되고 나서 스피너가 나타납니다. 이런 현상은 iPad에서는 한 번도 일어나지 않았는데, 화면을 아래로 내린 뒤 놓으면 포럼이 업데이트되었습니다.
자동 리로드를 언제 실행할지 고민 중이에요. 아래로 당겨서 준비 위치까지 갔을 때 실행할까요, 아니면 손을 뗄 때 실행할까요? 충돌 문제가 생길 수도 있는데 아직 테스트를 안 해봐서요. 사파리 로더는 한 번 회전한 후 줄 하이라이트만 표시됩니다. 줄 하이라이트 애니메이션이 리로드 중에 멈추기 때문에 이 방식은 사용할 수 없어요. 대신 회전 애니메이션은 그 시점에도 실행할 수 있죠. 그래서 로더를 로딩 상태로 두는 것도 방법이에요. 사실 현재처럼 두는 게 더 나을 수도 있어요. 지금은 리로드 중에도 실행될 수 있는 매끄러운 CSS 애니메이션이 있고, 사파리 로더와는 정확히 같지는 않지만 꽤 비슷하거든요… 아, 그리고 원래 목표가 뭐였죠?
정말 좋네요.
