Modifying the data attribute of an object elment doesn't show the new content
Won’t fix Issue #8408355
Steps to reproduce
If the data
attribute of an object
element is dynamically updated, the new content isn’t displayed.
Here’s a simple example that reproduces the problem on Edge 38.14393.0.0, EdgeHTML 14.14393:
<!DOCTYPE html>
<html>
<head>
<script data-require="jquery@*" data-semver="3.0.0" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
<script>
$(document).ready(function () {
$('#pdfObj').prop('data', 'http://www.pdf995.com/samples/pdf.pdf');
});
</script>
</head>
<body>
<h1>PDF viewer</h1>
<object id="pdfObj" data="" type="application/pdf" width="500px" height="500px">
<p>This browser doesn't support object</p>
</object>
</body>
</html>
The Plunkr properly displays the PDF file on Chrome and FF, but on Edge the object element stays blank.
You need to sign in to your Microsoft account to add a comment.
Sign in