'How to avoid html input fields typing backwards in chromium browsers?
The following code sample when opened in a chromium browser will result in the input field typing backwards (after following the steps below). Are there any ways to work around this unexpected browser behavior after following the steps below?
- Open the code below in a chromium browser.
- Adjust the height of the browser window so that the scroll bar appears on the right of the page.
- Type a value into the input field.
- Using your mouse, highlight the value in the input field, and release the mouse while over the PDF document (making sure at least some of the input value is still highlighted upon release). Leave the mouse where you released.
- Start typing. The text types backwards into the field.
<html>
<body>
<input type="text">
<br>
<embed src="https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf" width="900" height="900" >
</body>
</html>
Note: This needs to be run outside of the snippet view to reproduce the issue.
Here's a video of the issue in action: https://youtu.be/gcFLcoKExOY
Solution 1:[1]
This appears to be an intermittent problem report so last time added to bug tracker was
Wed, Apr 21, 2021 With using near PDF see https://bugs.chromium.org/p/chromium/issues/detail?id=1201368
Fri, Sep 3, 2021 seems similar "near proximity of a video element" see https://bugs.chromium.org/p/chromium/issues/detail?id=1246506
However oldest I found is here on SO asked Mar 12 '19 Text input starts to type backwards after a text selection in presence of PDF iframe
and was still present in Mar 26 '20 https://stackoverflow.com/a/60873125/10802527
Thus it appears to be an ongoing problem for a few years! What was strange was that I never saw that oddity, even when testing above report until I updated Edge to Version 97.0.1072.69 (Official build) (32-bit) matching the OP 64 bit I am on Win 7 and yes I now see the same odd behavior (unknown if the reset on rebuild had any effect.)
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|---|
| Solution 1 | K J |
