RESOLVED WONTFIX 26803
Static elements start moving when you type into an input box when page dir is rtl 
https://bugs.webkit.org/show_bug.cgi?id=26803
Summary Static elements start moving when you type into an input box when page dir is...
Mohamed Eldawy
Reported 2009-06-29 10:19:23 PDT
Hello, Please have a look at the attached page. This page has an unusual behavior. Once you start typing into the input element, it starts moving around. There are no scripts involved, and the behavior happens only when the page dir is rtl. Aharon (cc'ed) reached the attached simplified form which doesn't depend on any external entities. The behavior is there for latest versions of both Safari and Chrome. Code starts here---------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Strict//EN"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <html dir="rtl"> <head> <style> TABLE { POSITION: relative; } .wmfcCSS { OVERFLOW: hidden; WIDTH: 100% } .wvtbCSS { TABLE-LAYOUT: fixed; WIDTH: 100% } </style> </head> <body> <table class="wmfcCSS"> <colgroup> <col style="width: 0px" /> <col /> </colgroup> <tbody> <tr> <td> </td> <td class="wmfmCSS" id="wmfm"> <table class="wvtbCSS"> <colgroup> <col /> <col width="1" /> </colgroup> <tbody> <tr> <td class="wvlpCSS" id="wvlp"> <table style="width: 300px"> <tbody> <tr> <td> <input class="wirtxiCSS" style="width: 100%" name="wsupnni" value="" /> </td> </tr> </tbody> </table> </td> <td class="wvrpCSS" id="wvrp"> <img class="wvnrbCSS" width="400" /> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </body> </html> --------------end of code
Attachments
Add attachment proposed patch, testcase, etc.
Aharon (Vladimir) Lanin
Comment 1 2009-06-29 14:22:29 PDT
Needless to say, this does not happen in IE7 or FF3.
Ahmad Saleem
Comment 2 2022-08-15 11:40:36 PDT
I am unable to reproduce this bug in Safari 15.6 on macOS 12.5 when I changed this test case from Comment 0 into this JSFiddle: Link - https://jsfiddle.net/9of8au3p/show When I start typing caret position is following from right to left and even if I overflow the input, it does not move the input field and same is the case with all browsers (except Firefox where the caret is on right side and it does not move when typing) but even when overflow the input field does not move. Hence, I am going to mark this as "RESOLVED WONTFIX". Please reopen if you think I am wrong or this test case need to be updated and I am testing wrong. Thanks!
Ahmad Saleem
Comment 3 2022-08-15 11:40:52 PDT
Other browsers - Chrome Canary 106 and Firefox Nightly 105
Note You need to log in before you can comment on or make changes to this bug.