RESOLVED INVALID137298
audio element is overlapping with div lement containing 
https://bugs.webkit.org/show_bug.cgi?id=137298
Summary audio element is overlapping with div lement containing
dhiraj kumar
Reported 2014-10-01 03:56:57 PDT
The audio height is overlapping lapping with div text element. <div class="ib"><a class="darkTouch l" href="/textrefid=12" aria-hidden="true"><i class="img profpic" aria-label="test" role="img" style="background:#d8dce6 url(&quot;https://m.ak.fbcdn.net/profile.ak/hprofile-ak-xpa1/v/t1.0-1/p200x200/1939875_10152258964479162_1522388974_n.jpg?oh=0b57711fee94f66b55166f84ef489f72&amp;oe=54CCDA68&amp;__gda__=1421594282_e140cba2942cfb602cb92876b6e5fd8a&quot;) no-repeat center;background-size:100% 100%;-webkit-background-size:100% 100%;width:43px;height:43px;" data-sigil="touchable"></i></a><div class="c"><div class="msg"><a class="actor-link" href="/textrefid?refid=12"><strong class="actor">test account </strong></a><br><div data-store="{&quot;timestamp&quot;:1412159024014,&quot;author&quot;:812539161,&quot;uuid&quot;:&quot;mid.1412159024173:b1e7d169a7d2fce189&quot;}" data-sigil="message-text"><span></span></div><span data-sigil="message-body"></span></div><div><div><audio class="_5nwk" controls="1" preload="none"><source src="https://attachment.fbsbx.com/messaging_attachment.php?mid=mid.1412159024173%3Ab1e7d169a7d2fce189&amp;aid=11721de9c60f194986e0c5c9923fdc59&amp;uid=812539161&amp;accid=812539161&amp;ext=1412202717&amp;hash=AQB9EXYOaLKovlVJw0YxELKfjS2Ep_GzNQ9PzuZJGfjJzg" type="audio/mpeg"><a href="https://m.facebook.com/l.php?u=https%3A%2F%2Fattachment.fbsbx.com%2Fmessaging_attachment.php%3Fmid%3Dmid.1412159024173%253Ab1e7d169a7d2fce189%26aid%3D11721de9c60f194986e0c5c9923fdc59%26uid%3D812539161%26accid%3D812539161%26ext%3D1412202717%26hash%3DAQB9EXYOaLKovlVJw0YxELKfjS2Ep_GzNQ9PzuZJGfjJzg&amp;h=UAQFfZSl9&amp;s=1" target="_blank">Download Voice Message</a></audio><div class="mfss fcg">Send voice messages with Messenger for mobile.</div></div></div><div class="actions mfss fcg" data-sigil="action-list"><abbr data-store="{&quot;time&quot;:1412159024,&quot;short&quot;:false,&quot;forceseconds&quot;:false}" data-sigil="timestamp" data-store-id="43">26 minutes ago</abbr></div></div></div>
Attachments
Add attachment proposed patch, testcase, etc.
Alexey Proskuryakov
Comment 1 2014-10-01 23:33:53 PDT
Please re-open if this happen in any modern WebKit based browser.
Note You need to log in before you can comment on or make changes to this bug.