Bug 257523

Summary: audio player time remainder/spent are oscillating when CSS width has been specified
Product: WebKit Reporter: Karl Dubost <karlcow>
Component: MediaAssignee: Tim Horton <thorton>
Status: RESOLVED FIXED    
Severity: Normal CC: jer.noble, webkit-bug-importer
Priority: P2 Keywords: BrowserCompat, InRadar
Version: WebKit Nightly Build   
Hardware: Unspecified   
OS: Unspecified   
URL: https://www.nyan.cat/index.php?cat=original
Attachments:
Description Flags
testcase none

Description Karl Dubost 2023-05-30 21:21:40 PDT 
Created attachment 466541 [details]
testcase

1. With Safari Tech Preview 170
2. Go to data:text/html,<!doctype%20html><audio%20controls=""%20autoplay=""%20loop=""%20style="width:240px;"><source%20src="https://www.nyan.cat/music/original.mp3"></audio>
3. Click on the Play Button

Result: notice how the time spent and remaining is oscillating. 
This happens only when style is specified on the audio element.

<audio controls=""
       autoplay=""
       loop=""
       style="width:240px;">

Reported originally on https://github.com/webcompat/web-bugs/issues/122785
Comment 1 Radar WebKit Bug Importer 2023-05-30 21:21:51 PDT 
<rdar://problem/110043258>
Comment 2 Tim Horton 2023-05-31 15:25:29 PDT 
Pull request: https://github.com/WebKit/WebKit/pull/14560
Comment 3 EWS 2023-05-31 15:51:38 PDT 
Committed 264760@main (9add6861de2a): <https://commits.webkit.org/264760@main>

Reviewed commits have been landed. Closing PR #14560 and removing active labels.