Bug 248946

Summary: REGRESSION (iOS 16): Flickering lines occuring on canvas within ionic app
Product: WebKit Reporter: tinam45363
Component: CanvasAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: ap, dino, simon.fraser, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: iPhone / iPad   
OS: iOS 16   
See Also: https://bugs.webkit.org/show_bug.cgi?id=245264
Attachments:
Description Flags
Section of canvas with lines appearing during spin animation none

tinam45363
Reported 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.
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
View All Add attachment proposed patch, testcase, etc.
Alexey Proskuryakov
Comment 1 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.
tinam45363
Comment 2 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
tinam45363
Comment 3 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
Radar WebKit Bug Importer
Comment 4 2022-12-09 08:00:30 PST
<rdar://problem/103180873>
Simon Fraser (smfr)
Comment 5 2023-11-06 14:29:17 PST
Does this still reproduce with iOS 17?
Note You need to log in before you can comment on or make changes to this bug.