[BUG] the iPad web app/bookmark uses the squircle as the icon
メンテナーはふだん 1 日以内に返信
評価
- 難易度
- 2/5
- 見積もり時間
- 1〜3時間
- 初心者へのやさしさ
- 35/100
- issue の種類
- バグ
- 明瞭さ
- おおむね明確
- 活発さ
- 停滞
- 技術スタック
- javascript
- 領域
- frontend
調査の方向性
The issue points to the favicon in build and the web app manifest; read the manifest and compare its icon entries with the square and squircle assets. Check how the manifest is used when adding the site to an iPad Home Screen. Done means the Home Screen icon uses a full square asset so iPadOS applies its own corner crop.
索引モデルが issue の本文から書いたものです。
説明
Describe the bug
The website's favicon is cut to be a squircle because it looks nicer than a square. However, in other situations, downloadables are typically given a full square so that the operating system can crop it to their standard. This becomes a problem for the iPad web app/bookmark, since the squircle's corner radius is larger than the iPad's usual app icons.
To reproduce
Steps to reproduce the behavior:
- Go to candlestickers.app on iPad
- Share --> Add to Home Screen
- Observe the app icon
Expected behavior
The web app takes the square favicon so that the iPad does its own cropping.
Screenshots
Editor version
Is this bug reproducible in Wick Editor 1.19.3/1.19.4 or only Candlestick?
Candlestick 1.3.0
Device
- 11-inch M3 iPad Air, iPadOS 18.5
Do you have a suggested solution to this issue? (ex. has another program fixed this bug a certain way? Are you familiar with where in the code base someone would need to fix this issue?)
The browser app favicon is in build, and the icons for the downloadables are in other places.
A short while ago, InternetAstronaut helped change the manifest so that creating a web app names it properly here (https://github.com/Candlestickers/Candlestick/pull/185). (Conveniently, there seems to be a spot in that manifest for the favicon, which I'm only noticing now as of writing lol.)
Additional context
This does not seem to occur on my iPhone (15 Pro, iOS 26). From eyeballing, it kinda looks like the corner radii for iPhone apps are larger, so there's a chance the iPhone corner radius is covering the favicon's own squircle cutout.
- 主要言語
- JavaScript
- スター
- 53
- フォーク
- 22
- 平均マージ
- 2日 10時間
- マージ済み PR（30日）
- 12
環境構築
このプロジェクトには開発コンテナ、Dockerfile、コントリビューションガイドがありません。まず README を読み、一般的な手順ははじめてのコントリビューションガイドを参照してください。
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
Candlestickers/Candlestick のほかの issue
-
bug
難易度 2/5 1〜3時間 初心者へのやさしさ 66/100
Candlestickers/Candlestick#255 ·
メンテナーはふだん 1 日以内に返信
-
bug
難易度 2/5 1〜3時間 初心者へのやさしさ 70/100
Candlestickers/Candlestick#240 · コメント 1 件 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
Candlestickers/Candlestick#239 ·
メンテナーはふだん 1 日以内に返信
-
[BUG] frames with names lose their circle対応中かも @BaronAWC が 5 日前に担当しました。 オープンbug
難易度 2/5 1〜3時間 初心者へのやさしさ 68/100
Candlestickers/Candlestick#237 ·
メンテナーはふだん 1 日以内に返信
-
bug
難易度 2/5 1〜3時間 初心者へのやさしさ 88/100
Candlestickers/Candlestick#203 · コメント 1 件 ·
メンテナーはふだん 1 日以内に返信
Candlestickers/Candlestick の issue をすべて見る
似ている issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
メンテナーはふだん 1 日以内に返信
-
needs triage
難易度 2/5 1〜3時間 初心者へのやさしさ 82/100
pbakaus/impeccable#1055 ·
メンテナーはふだん 1 日以内に返信
-
Add: EUROTV NEWSオープンchannels:add check:passed
難易度 2/5 1〜3時間 初心者へのやさしさ 70/100
-
難易度 2/5 1〜3時間 初心者へのやさしさ 65/100
-
難易度 2/5 1〜3時間 初心者へのやさしさ 62/100
メンテナーはふだん 1 日以内に返信