Bug 248946 - REGRESSION (iOS 16): Flickering lines occuring on canvas within ionic app
Summary: REGRESSION (iOS 16): Flickering lines occuring on canvas within ionic app
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Canvas (show other bugs)
Version: WebKit Nightly Build
Hardware: iPhone / iPad iOS 16
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2022-12-08 07:34 PST by tinam45363
Modified: 2023-11-06 14:29 PST (History)
4 users (show)

See Also:


Attachments
Section of canvas with lines appearing during spin animation (1.15 MB, image/png)
2022-12-08 07:34 PST, tinam45363
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description tinam45363 2022-12-08 07:34:00 PST
Created attachment 463937 [details]
Section of canvas with lines appearing during spin animation

Within our ionic capacitor ios application we are using a canvas board to display a wheel which spins. To generate the wheel we use the winwheel.js library. When the wheel has between 2 and 5 segments which are different colours horizontal lines are flicking on the screen during the animation.

This has only started to occur since IOS 16 released and works with no issues on IOS 15.
Comment 1 Alexey Proskuryakov 2022-12-08 17:49:54 PST
Could you please provide steps to reproduce? We will not be able to resolve this based on a screenshot.
Comment 2 tinam45363 2022-12-09 00:37:42 PST
http://dougtesting.net/winwheel/docs/tut11_animation_introduction

If you spin the wheel on this page by clicking the spin the wheel button you can see flickering horizontal lines as it spins. WWe have found within our own app that this only occurs when there are fewer than 6 segments on the wheel.

Above website tested to reproduce issue on iPhone 11 Pro Max, Safari and Chrome, iOS 16.1.2
Comment 3 tinam45363 2022-12-09 00:43:24 PST
(In reply to Alexey Proskuryakov from comment #1)
> Could you please provide steps to reproduce? We will not be able to resolve
> this based on a screenshot.

http://dougtesting.net/winwheel/docs/tut11_animation_introduction

If you spin the wheel on this page by clicking the spin the wheel button you can see flickering horizontal lines as it spins. WWe have found within our own app that this only occurs when there are fewer than 6 segments on the wheel.

Above website tested to reproduce issue on iPhone 11 Pro Max, Safari and Chrome, iOS 16.1.2
Comment 4 Radar WebKit Bug Importer 2022-12-09 08:00:30 PST
<rdar://problem/103180873>
Comment 5 Simon Fraser (smfr) 2023-11-06 14:29:17 PST
Does this still reproduce with iOS 17?