Don
1
← Fill in “repoName” and “repoURL” for the automatic install button →
こんにちは 
iOS PWAには「プルダウンリフレッシュ」機能が欠けており、リロードするにはPWAを閉じて再起動する必要があります。このテーマコンポーネントは、「プルダウンリフレッシュ」機能でこのギャップを埋めようとします。チャットページでは安全に動作しないため、無効にしました。アクティベーションポイントは #main-outlet なので、ページ上部のヘッダーの下にプルダウンするとローダーがトリガーされます。
プルダウンすると継続的に表示され、準備完了ポイントに達するとゆっくりと回転し始め、ハイライト効果があります。リリースするとより速く回転し始め、リロード中はローダーをページ上部に保持します。
ローダーをカスタマイズするためのテーマ設定が含まれています。
このトピック[iOS PWA, App - Pull To Refresh]で、新しいデバイスでテストしてくれたすべての人に感謝します 
TODO:
デフォルトのSafariローダーまたはそれに類するものを再現しようとしました。 
リロード中にローダーを保持する方法を見つけました
- リロード中にローダーを保持するために、JavaScriptではなくCSSアニメーションを使用します
「いいね!」 12
Jagster
(Jakke Lehtonen)
2
DiscourseHub でも動作します😳それは素晴らしいですね。
2〜3秒ほど下に引っ張る必要があり、それは少し長いですが、それがi-deviceからなのかコンポーネントからなのかは分かりません。とはいえ、大した問題ではありません。
「いいね!」 3
MihirR
(Mihir)
3
素早くプルすると、すぐにリフレッシュされます。しかし、比較的ゆっくりとした速度でプルすると、まずシェブロンが表示され、次にローディングスピナーが表示されます。シェブロンとローディングスピナーの間の遅延は、より良いフィードバックを提供し、不要なトリガーを回避するために意図されたものだと推測しています。もし間違っていたら、@Don さん、訂正してください。
「いいね!」 3
Don
4
こんにちは 
現在の様子はこちらです。デフォルトのSafariローダーに似たものを試してみました。下に引っ張ると継続的に表示され、準備完了ポイントに達するとハイライト効果とともにゆっくり回転し始めます。離すとより速く回転し始め、ページが実際にリロードを開始する前にローダーをページ上部に表示し続けます。
「いいね!」 1
Jagster
(Jakke Lehtonen)
5
これはとてもくだらない質問ですが、幸せになるべきかもしれませんが、ローディングエフェクトが全く見えないのはなぜですか?まあ、MetaではPWAを使用している時に時々見かける以外は、Discourseのローディングエフェクトさえ見えません。インターネットサービスが良すぎるのでしょうか?
「いいね!」 1
Don
6
どういう意味ですか?
This はまだ完了していません。サイトでリロード中に何が見えるか、画面録画を共有してもらえますか?
「いいね!」 1
Jagster
(Jakke Lehtonen)
7
はい、しかし、それはできません。現時点では、このコンポーネントは何も行いません。iPad は時折 PWA で奇妙なことをします。再起動すると役立ちます。PWA は現在少し問題があり、最新の iPadOS の後でさらに悪化しました。しかし、今は起動しても役に立ちませんでした。
元に戻すことはできますか?もしできるなら、どうすればよいですか?
そして、「更新されない」ということは、コンポーネントの昨日の更新後に始まったのだと推測します。ただし、確認していません。しかし、それは偶然である可能性もあり、本当の問題は OS である可能性もあります。
ただし、iPhone は動作します。最初に表示されるのは…英語での名前を覚えていませんが…下向きの矢印とスピナーです。これは iPad では一度も起こりませんでしたが、画面が下にスクロールし、離すとフォーラムが更新されました。
Jagster
(Jakke Lehtonen)
8
テーマを変更すると更新されるのですが、一瞬だけ点滅するのが見えます。しかし、2回目は何も起こりません。もう一度テーマを変更すると、一度は機能しますが、二度目は機能しません。
本当に奇妙です。
Don
9
はい、これはおそらくモバイルビューにのみスタイルを適用し、iPadはデスクトップビューになっているためだと思われます。アップデートで修正します。矢印とスピナーを新しいSafariスタイルのローダーに置き換えることができると思います。
どのテーマでコンポーネントが機能しませんか?
Jagster
(Jakke Lehtonen)
10
それらはすべて同じです。そして、いいえ、コンポーネント間の競合だとは思いません。なぜなら、それは一度だけ、使用されているのがそれだけの場合でさえ、何も意味しないのと同じだからです。
プラグインは別のものです。わかりません。
iPadがモバイルではないことを、私は決して覚えていません。
Don
11
新しいSafariスタイルのローダーでコンポーネントを更新しました。iPadでもよりうまく機能するはずです。実際、iPadにはトップにフッターナビゲーションがあり、それがそれを隠していました。それを忘れていました。
「いいね!」 1
Jagster
(Jakke Lehtonen)
12
いつものように素晴らしい仕事です。正常に動作し、言語の切り替えが容易になりました。ありがとうございます!
フッターナビゲーションが一番上にある — それは…論理的ですね😳
「いいね!」 1
Don
13
これは単に名前ですが、iPhoneでは一番下に、iPadでは一番上にあります。そのため、技術的にはiPadではトップナビゲーションですが、習慣でフッターナビと呼んでいます。
Don
14
自動リロードを準備位置にプルダウンしたときに追加するか、リリースしたときにリロードを維持するかを考えています。競合が発生するかもしれませんが、まだテストしていません。Safariのローダーは一度回転してから、線がハイライトされます。これは、線ハイライトアニメーションがリロード中に停止するため、実行できません。しかし、その間も回転は実行できます。そのため、ローダーをロード状態に置くことができます。おそらく、このままにしておく方が良いでしょう。現在は、リロード中に実行できるスムーズなCSSアニメーションがあり、Safariのローダーと全く同じではありませんが、似ています…ちなみに、目的は何でしたか🤔