Bug 245652 - OpenSpeedTest App UI not rendering properly
Summary: OpenSpeedTest App UI not rendering properly
Status: RESOLVED DUPLICATE of bug 248003
Alias: None
Product: WebKit
Classification: Unclassified
Component: SVG (show other bugs)
Version: Safari 16
Hardware: All All
: P1 Critical
Assignee: Nobody
URL: https://openspeedtest.com
Keywords: InRadar, SVGHitList
: 249891 (view as bug list)
Depends on:
Blocks:
 
Reported: 2022-09-25 22:00 PDT by OpenSpeedTest.com
Modified: 2023-02-20 11:01 PST (History)
7 users (show)

See Also:


Attachments
Animation with glitches and no white dot (14.68 MB, video/quicktime)
2022-09-25 22:00 PDT, OpenSpeedTest.com
no flags Details
Safari Version 16.1 (18614.2.9.1.12) on MacOS 13.0 (22A380) (M1 Mini) (15.51 MB, video/mp4)
2022-10-24 20:31 PDT, OpenSpeedTest.com
no flags Details
ISSUE SCREENSHOT - Safari Version 16.1 (18614.2.9.1.12) on MacOS 13.0 (22A380) (M1 Mini) (182.31 KB, image/png)
2022-10-24 20:32 PDT, OpenSpeedTest.com
no flags Details
Big line (8.63 MB, video/mp4)
2022-11-18 23:50 PST, OpenSpeedTest.com
no flags Details
Safari VS CHROME (26.82 MB, video/mp4)
2022-11-20 01:49 PST, OpenSpeedTest.com
no flags Details
Release 159 (Safari 16.4, WebKit 18615.1.12.130.1) (12.93 MB, video/mp4)
2022-11-30 19:59 PST, OpenSpeedTest.com
no flags Details
A horizontal line appears even when resizing the window. (40.56 MB, video/mp4)
2022-11-30 20:16 PST, OpenSpeedTest.com
no flags Details
Display random unwanted visual effects and lines on the UI when the test is running. (7.45 MB, video/mp4)
2022-12-29 18:17 PST, OpenSpeedTest.com
no flags Details
M1 Mac SVG ISSUE (42.32 MB, video/mp4)
2023-01-02 18:21 PST, OpenSpeedTest.com
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description OpenSpeedTest.com 2022-09-25 22:00:19 PDT
Created attachment 462609 [details]
Animation with glitches and no white dot

App UI have a white dot at the end. it is not showing.
Tested this on latest iOS on iPhone 13 Mini
Video attached.
to reproduce this issue go to https://openspeedtest.com
it's working fine on Safari on my Mac.
Comment 1 Alexey Proskuryakov 2022-09-29 09:19:55 PDT
Comparing to what I see on my phone, the missing circle is during the test, not the three-dot animation before an after. It should be at the end of the segment that shows current speed.

I cannot reproduce with iOS 16.1 beta on iPhone 14 Pro. Could you please try with the beta OS?

But also, the webpage looks somewhat different, notably there aren't ads in the attached video, and there are two for me.
Comment 2 Radar WebKit Bug Importer 2022-09-29 09:20:14 PDT
<rdar://problem/100566019>
Comment 3 OpenSpeedTest.com 2022-09-29 10:03:36 PDT
Yes, tested using https://apps.apple.com/in/app/openspeedtest-server/id1579499874

But this issue is showing on website too.

I wil post an update after giving another try on beta.
Comment 4 OpenSpeedTest.com 2022-10-24 20:31:17 PDT
Created attachment 463211 [details]
Safari Version 16.1 (18614.2.9.1.12) on MacOS 13.0 (22A380) (M1 Mini)

Safari Version 16.1 (18614.2.9.1.12) on MacOS 13.0 (22A380) (M1 Mini)
Comment 5 OpenSpeedTest.com 2022-10-24 20:32:08 PDT
Created attachment 463212 [details]
ISSUE SCREENSHOT - Safari Version 16.1 (18614.2.9.1.12) on MacOS 13.0 (22A380) (M1 Mini)

ISSUE SCREENSHOT - Safari Version 16.1 (18614.2.9.1.12) on MacOS 13.0 (22A380) (M1 Mini)
Comment 6 Alexey Proskuryakov 2022-10-25 08:50:21 PDT
What I see matches the new attachments - the dot is now present, but a short horizontal line appears at times. Testing on iOS, iPhone 14 Pro.
Comment 7 OpenSpeedTest.com 2022-11-18 23:50:47 PST
Created attachment 463622 [details]
Big line

Release 158 (Safari 16.4, WebKit 18615.1.12.110.1)
Safari Technology Preview
Comment 8 OpenSpeedTest.com 2022-11-20 01:49:33 PST
Created attachment 463628 [details]
Safari VS CHROME
Comment 9 OpenSpeedTest.com 2022-11-22 16:40:12 PST
This is a safari bug?
Comment 10 OpenSpeedTest.com 2022-11-30 19:59:34 PST
Created attachment 463822 [details]
Release 159 (Safari 16.4, WebKit 18615.1.12.130.1)

Release 159 (Safari 16.4, WebKit 18615.1.12.130.1)
Comment 11 OpenSpeedTest.com 2022-11-30 20:16:10 PST
Created attachment 463823 [details]
A horizontal line appears even when resizing the window.

A horizontal line appears even when resizing the window.

Release 159 (Safari 16.4, WebKit 18615.1.12.130.1)

M1-MacMini Version 13.0.1 (22A400)
Comment 12 Alexey Proskuryakov 2022-12-26 22:26:29 PST
*** Bug 249891 has been marked as a duplicate of this bug. ***
Comment 13 OpenSpeedTest.com 2022-12-29 18:17:29 PST
Created attachment 464253 [details]
Display random unwanted visual effects and lines on the UI when the test is running.
Comment 14 OpenSpeedTest.com 2022-12-29 18:18:04 PST
but now I tested this on my Intel MacBook pro, I can't see same effects. So this is ARM specific issue? and Not a Safari BUG?
Comment 15 Ahmad Saleem 2023-01-02 17:18:51 PST
(In reply to OpenSpeedTest.com from comment #14)
> but now I tested this on my Intel MacBook pro, I can't see same effects. So
> this is ARM specific issue? and Not a Safari BUG?

Using Safari Technology Preview 160 or Safari 16.2? Also macOS 13 or 12?
Comment 16 OpenSpeedTest.com 2023-01-02 18:00:38 PST
Yes,

Tested  (No Issues found on Intel Mac)

Safari Technology Preview
Release 160 (Safari 16.4, WebKit 18615.1.14.3)

MacOS 13.1 (22C65)

2.5 GHz Quad-Core Intel Core i7

No issues, But I can see this issue on iPhone and M1 Mac.

I think SVG Rendering Issue is ARM Specific.
Comment 17 Ahmad Saleem 2023-01-02 18:02:01 PST
(In reply to OpenSpeedTest.com from comment #16)
> Yes,
> 
> Tested  (No Issues found on Intel Mac)
> 
> Safari Technology Preview
> Release 160 (Safari 16.4, WebKit 18615.1.14.3)
> 
> MacOS 13.1 (22C65)
> 
> 2.5 GHz Quad-Core Intel Core i7
> 
> No issues, But I can see this issue on iPhone and M1 Mac.
> 
> I think SVG Rendering Issue is ARM Specific.

So it is reproducible on M1 Mac with Safari Technology Preview 160. Interesting!
Comment 18 OpenSpeedTest.com 2023-01-02 18:21:50 PST
Created attachment 464299 [details]
M1 Mac SVG ISSUE

Safari Technology Preview (Left Side)
Release 160 (Safari 16.4, WebKit 18615.1.14.3)

Safari (Right Side)
Version 16.2 (18614.3.7.1.5)

M1 MacMini 13.1 (22C65)
Comment 19 OpenSpeedTest.com 2023-01-15 06:27:04 PST
No Problem found on Intel Mac.
But same problem mentioned above found on ARM devices. 
Tested on M1 MacMini 
Safari TP Release 161 (Safari 16.4, WebKit 18615.1.17.6) 
PROBLEM NOT RESOLVED.
Comment 20 Simon Fraser (smfr) 2023-01-17 10:35:56 PST
There was another bug about some rendering glitches with SVG which I think this is a duplicate of.
Comment 21 Simon Fraser (smfr) 2023-01-17 10:44:16 PST
Probably a dup of 248003.
Comment 22 OpenSpeedTest.com 2023-01-28 19:06:44 PST
I can't find this behavior after MacOS 13.2 (22D49).
Not tested iOS.
Comment 23 Simon Fraser (smfr) 2023-02-20 11:01:33 PST

*** This bug has been marked as a duplicate of bug 248003 ***