Bug 129686
| Summary: | <audio> element takes space even with display:none | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | andreyklinger+webkit |
| Component: | DOM | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED WORKSFORME | ||
| Severity: | Normal | CC: | dbates, eric.carlson, jer.noble, tonikitoo |
| Priority: | P2 | ||
| Version: | 528+ (Nightly build) | ||
| Hardware: | iPhone / iPad | ||
| OS: | iOS 7.0 | ||
| URL: | http://jsbin.com/iphonebug/1 | ||
andreyklinger+webkit
Tested on Safari on iOS 7.06
<div style="border: 1px solid red">
a<audio style="display:none; border: 1px solid green"></audio>b
</div>
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Daniel Bates
I am neither able to reproduce this issue using the iOS Simulator to simulate an iPhone 5s running iOS 8.1 (12B411) with system WebKit nor using the same simulator device with a debug build of WebKit r180217. That is, the <audio> element is not displayed and takes no visual space such that there is no whitespace between the characters 'a' and 'b' in the text rendered on the page described by the markup in comment 0.
Eric Carlson
(In reply to comment #0)
> Tested on Safari on iOS 7.06
>
> <div style="border: 1px solid red">
> a<audio style="display:none; border: 1px solid green"></audio>b
> </div>
This was fixed in iOS8 when the media element backend was completely rewritten.