Input field typing backwards when using PDF Embed API
When there is an input field on the page along with the embedded viewer, it's possible to cause an input field to type right to left instead of left to right. Steps to reproduce (Seen this in chrome and edge from testing):
1) Using the sample below, type a value into the text field at the bottom of the page. Then, highlight the text in the field (as if tying to select all) but keep the mouse pressed down, and release the mouse on top of the embedded viewer. (note: if showing the PDF viewer in split screen view with fields to the right of the PDF, it's pretty common for users to do this)
2) Start typing. The text field will type right to left instead of left to right.
Are there any work arounds to this problem?
<div id="adobe-dc-view" style="width: 800px;"></div>
<script src="https://documentcloud.adobe.com/view-sdk/main.js"></script>
<script type="text/javascript">
document.addEventListener("adobe_dc_view_sdk.ready", function(){
var adobeDCView = new AdobeDC.View({clientId: "<YOUR_CLIENT_ID>", divId: "adobe-dc-view"});
adobeDCView.previewFile({
content:{location: {url: "https://documentcloud.adobe.com/view-sdk-demo/PDFs/Bodea Brochure.pdf"}},
metaData:{fileName: "Bodea Brochure.pdf"}
}, {embedMode: "IN_LINE"});
});
</script>
<input type="text">
