[Webkit-unassigned] [Bug 244723] New: Inexplicable top css being added to audio controls when height of audio element is adjusted on iOS

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=244723

            Bug ID: 244723
           Summary: Inexplicable top css being added to audio controls
                    when height of audio element is adjusted on iOS
           Product: WebKit
           Version: Safari 15
          Hardware: iPhone / iPad
                OS: iOS 15
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Media
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: w0nka at mac.com

Created attachment 462103

  --> https://bugs.webkit.org/attachment.cgi?id=462103&action=review

The top css being added.

Hello!

For some reason, it appears iOS Safari is adjusting the top CSS for the audio controls when height is added to the audio element. I first discovered this issue on daringfireball.net (e.g. https://daringfireball.net/thetalkshow/2022/08/31/ep-356) and was able to easily reproduce it with minimal effort at: https://jackwellborn.com/playground/Webkit/AudioElement/demo.html.

Reproduction Steps:
1. On macOS Safari, go to https://jackwellborn.com/playground/Webkit/AudioElement/demo.html
2. Note that both the paragraph above and the paragraph below the audio element are visible.
3. Now on iOS Safari, go to https://jackwellborn.com/playground/Webkit/AudioElement/demo.html

Expected:
Like on macOS, both the paragraph above and the paragraph below the audio element are visible.

Actual:
The paragraph below is covered by the audio element, which has been shifted down due to `top` css in the shadow dom.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20220902/3adfb1f5/attachment-0001.htm>