Modifying the data attribute of an object elment doesn't show the new content (new report)

Confirmed Issue #12148261 • Assigned to Matthew C.

Details

Author
Rob W.
Created
May 26, 2017
Privacy
This issue is public.
Found in
  • Microsoft Edge
Found in build #
38.14393
Reports
Reported by 2 people

Sign in to watch or report this issue.

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.01066.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>

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Steven K.”

    • Hi Rob,

      I have confirmed this bug report.

      I would like to see if you could attach a repro for this issue as the copy and pasted example as some non-printable characters, I.e. even if I set the character encoding to UTF-8.  These are around the jquery statement where there are the fancy left and right versions of the single quote.

      Either way, I have a working example but thought it would be ideal to have your exact repro.

      Thank you for the submission.

      The MS Edge Team

    • Microsoft Edge Team

      Changed Assigned To to “Rick J.”

    • Hi Steven,

      This is actually a re-report of issue #8408355 by another user that was marked as Won’t Fix. Sorry about the code… was just copied from the other report and I wasn’t paying attention…

      my actual code is as follows:

      JS:

      
      var pdfUrl = "access?item=downloadextra&amp;type=inline&amp;id=" + id;
      var pdfViewObject = document.getElementById("questionpdf");
      pdfViewObject.setAttribute("data", pdfUrl);
      
      

      and the element it’s accessing:

      HTML:

      
      
       Your browser does not support inline PDF viewing. Please download it to view: 
         
        
      
      
      
      

      Let me know if you need more information.

      Thanks!
      Rob

    • Microsoft Edge Team

      Changed Assigned To to “Sermet I.”

      Changed Assigned To from “Sermet I.” to “Matthew C.”

      Changed Status to “Confirmed”

    You need to sign in to your Microsoft account to add a comment.

    Sign in