Audio element does not maintain state when moved
Appending an audio element from one element to another in mobile Safari will cause it to lose its state and become uncontrollable (the controls disappear and methods like play() no longer work on it). The same is not true for desktop Safari.
Steps to Reproduce:
1. Create a new document with two DIV elements in the body, one empty and one containing an audio element.
2. Click the play control on the audio element to begin playback.
3. While the audio is playing, call appendChild on the empty DIV with the audio element as an argument
The audio element is moved to the new DIV and retains its state. Playback can be resumed from the exact same position where it left off. This is the behaviour on desktop Safari.
The audio element can no longer be controlled after being moved. It loses its controls UI and calling play() on it has no effect.
Reports posted here will not necessarily be seen by Apple.
All problems should be submitted at bugreport.apple.com before they are posted here.
Please only post information for Radars that you have filed yourself, and please do
not include Apple confidential information in your posts. Thank you!