Bug 306132

Summary: REGRESSION (iOS 26): Video slider thumb display glitch
Product: WebKit Reporter: Jeff Johnson <opendarwin>
Component: MediaAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: ahmad.saleem792, jer.noble, phinehas133, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: Safari 26   
Hardware: iPhone / iPad   
OS: iOS 26   
See Also: https://bugs.webkit.org/show_bug.cgi?id=307114
Attachments:
Description Flags
Screenshot of video
none
Screenshot of Safari web inspector
none
Screenshot of video with thumb selected in Safari web inspector none

Jeff Johnson
Reported 2026-01-23 11:10:35 PST
Created attachment 478114 [details] Screenshot of video On iOS 26 (testing with iOS 26.2), the video timeline slider thumb has a weird little notch where the thumb would be. See the attached screenshots. This happens with all HTML video elements. Steps to reproduce: 1) Open https://www.w3schools.com/html/html5_video.asp 2) Play the video See the attached screenshots.
Attachments
Screenshot of video (455.20 KB, image/png)
2026-01-23 11:10 PST, Jeff Johnson 		no flags
Details
Screenshot of Safari web inspector (1.13 MB, image/png)
2026-01-23 11:10 PST, Jeff Johnson 		no flags
Details
Screenshot of video with thumb selected in Safari web inspector (455.22 KB, image/png)
2026-01-23 11:11 PST, Jeff Johnson 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Jeff Johnson
Comment 1 2026-01-23 11:10:52 PST
Created attachment 478115 [details] Screenshot of Safari web inspector
Jeff Johnson
Comment 2 2026-01-23 11:11:15 PST
Created attachment 478116 [details] Screenshot of video with thumb selected in Safari web inspector
Alexey Proskuryakov
Comment 3 2026-01-23 17:07:40 PST
I can reproduce on iPhone when the video is paused (not when playing fullscreen or PiP). The attached screenshot is from iPad, and sounds like this reproduces when playing inline.
Radar WebKit Bug Importer
Comment 4 2026-01-23 17:07:46 PST
<rdar://problem/168797980>
Alexey Proskuryakov
Comment 5 2026-01-23 17:08:25 PST
Oh, and I verified that there is no such glitch on iOS 18.6.
Jeff Johnson
Comment 6 2026-01-23 17:11:21 PST
(In reply to Alexey Proskuryakov from comment #3) > I can reproduce on iPhone when the video is paused (not when playing > fullscreen or PiP). The attached screenshot is from iPad, and sounds like > this reproduces when playing inline. Correct, this issue is specifically with inline.
Jer Noble
Comment 7 2026-01-26 10:12:11 PST
The bug appears to be due to the `none` class being added to the `.slider > .appearance > .fill > .knob` div. Commenting out the `background-color: transparent` rule causes the thumb to re-appear.
Jer Noble
Comment 8 2026-01-26 10:16:44 PST
Ah, but the intent is for the thumb to _disappear_. The real bug is that the left and right halves of the slider track don't collapse together.
Note You need to log in before you can comment on or make changes to this bug.