NEW306132
REGRESSION (iOS 26): Video slider thumb display glitch
https://bugs.webkit.org/show_bug.cgi?id=306132
Summary REGRESSION (iOS 26): Video slider thumb display glitch
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
Screenshot of Safari web inspector (1.13 MB, image/png)
2026-01-23 11:10 PST, Jeff Johnson
no flags
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
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
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.