19058 2008-05-14 13:57:34 -0700 [Transforms] problems with contentEditable and transformed elements (caret drawing) 2010-11-09 12:14:41 -0800 1 1 1 Unclassified WebKit HTML Editing 528+ (Nightly build) Mac OS X 10.5 RESOLVED FIXED P2 Normal --- 15671 1 duncan webkit-unassigned bdakin lon mitz simon.fraser oldest_to_newest 80401 0 duncan 2008-05-14 13:57:34 -0700 The testcase I'm attaching shows how even a no-op transform (like translate(0px) or scale(1)) make editing a contentEditable area behave erratically. Specifically: - no flashing caret - clicking on the text places the cursor in the wrong position - the caret is shown at wrong offsets Actual scaling or translation transforms amplify the bad effects. 80402 1 21135 duncan 2008-05-14 13:58:07 -0700 Created attachment 21135 testcase 100267 2 25495 macosforge 2008-11-25 13:18:42 -0800 Created attachment 25495 Testcase: <input type="text"> also broken The bug not only affects contentEditable, but all input forms. Verified in nightly build WebKit-SVN-r38707.dmg A version with a translate(-640px,0) (instead of translate(0,0)), can hang Mobile Safari on iPhone OS 2.1 (reboot required). 305228 3 73056 lon 2010-11-05 04:56:37 -0700 Created attachment 73056 no caret in contenteditable in iframe in conjunction with -webkit-transform and an overlapping element this reproduces the non-blinking caret. code explains it all 305230 4 lon 2010-11-05 04:59:51 -0700 Google Maps API version 3.2 is causing this bug to proliferate. Google sets style="-webkit-transform:translateZ(0px);" on all tiles in a Map. This is causing unwanted side-effects: 1. invisible caret in contenteditable areas inside an iframe that is (partially) obscured by some html-element (see attachment of comment #3) 2. a white flash every time the first map is drawn and webkit presumably switches to some different rendering scheme Since Google is now using this in Maps the problem is spreading. webkit-transform cannot have side-effects like this... Thank you. 305363 5 simon.fraser 2010-11-05 10:45:06 -0700 Hmm, this stuff used to work correctly, was fixed in r39069. 305401 6 simon.fraser 2010-11-05 11:18:12 -0700 (In reply to comment #4) > Google Maps API version 3.2 is causing this bug to proliferate. > > Google sets style="-webkit-transform:translateZ(0px);" on all tiles in a Map. > > This is causing unwanted side-effects: > > 1. invisible caret in contenteditable areas inside an iframe that is (partially) obscured by some html-element (see attachment of comment #3) > > 2. a white flash every time the first map is drawn and webkit presumably switches to some different rendering scheme > > Since Google is now using this in Maps the problem is spreading. > webkit-transform cannot have side-effects like this... These issues are unrelated to this bug. Any 3D transform creates compositing layers, and it seems that there are caret drawing issues in those. However, the first two testcases work perfectly. I filed 49079 to cover the compositing/iframes issue. 306919 7 simon.fraser 2010-11-09 12:14:41 -0800 http://trac.webkit.org/changeset/71666 21135 2008-05-14 13:58:07 -0700 2008-05-14 13:58:07 -0700 testcase transform.html text/html 389 duncan PGh0bWw+CjxoZWFkPgo8dGl0bGU+dHJhbnNmb3JtIGVkaXRpbmc8L3RpdGxlPgo8L2hlYWQ+Cjxz dHlsZT4KYm9keSB7IGJvcmRlcjogc29saWQgcmVkIHRoaW47IC13ZWJraXQtdHJhbnNmb3JtOiBz Y2FsZSgxKTsgd2lkdGg6IDQwMHB4OyBoZWlnaHQ6IDMwMHB4OyB9CiNjb250YWluZXIgeyBiYWNr Z3JvdW5kLWNvbG9yOiAjZWVlOyB3aWR0aDogMzYwcHg7IGhlaWdodDogMjYwcHg7IHBhZGRpbmc6 IDIwcHg7IH0KPC9zdHlsZT4KPGJvZHkgY29udGVudEVkaXRhYmxlPXRydWU+CjxkaXYgaWQ9ImNv bnRhaW5lciI+CjxwPk9uZSB0d28gdGhyZWU8YnI+CkZvdXIgZml2ZSBzaXg8YnI+ClRoaXMgaXMg ZWRpdGFibGUgdGV4dC48YnI+CjwvcD4KPC9kaXY+CjwvYm9keT4KPC9odG1sPgo= 25495 2008-11-25 13:18:42 -0800 2008-11-25 13:18:42 -0800 Testcase: <input type="text"> also broken bug.html application/xhtml+xml 591 macosforge PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCFET0NUWVBFIGh0bWwgUFVC TElDICItLy9XM0MvL0RURCBYSFRNTCAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvVFIveGh0 bWwxMS9EVEQveGh0bWwxMS5kdGQiPgo8aHRtbCB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMTk5 OS94aHRtbCI+CiAgPGhlYWQ+CiAgICA8bWV0YSBodHRwLWVxdWl2PSJDb250ZW50LVR5cGUiIGNv bnRlbnQ9InRleHQvaHRtbDtjaGFyc2V0PVVURi04IiAvPgogICAgPHRpdGxlPklucHV0Ly13ZWJr aXQtdHJhbnNmb3JtIGJ1ZzwvdGl0bGU+CiAgICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgogICAg ICBmb3JtIHsKCS13ZWJraXQtdHJhbnNmb3JtOiB0cmFuc2xhdGUoMCwwKTsKICAgICAgfQogICAg PC9zdHlsZT4KICA8L2hlYWQ+CiAgPGJvZHk+CiAgICA8Zm9ybSBhY3Rpb249ImJ1Zy5jZ2kiPgog ICAgICA8ZmllbGRzZXQ+Cgk8bGVnZW5kPlR5cGUgYW55dGhpbmc8L2xlZ2VuZD4KCTxpbnB1dCB0 eXBlPSJ0ZXh0IiBuYW1lPSJidWcgaW5wdXQiLz4KICAgICAgPC9maWVsZHNldD4KICAgIDwvZm9y bT4KICA8L2JvZHk+CjwvaHRtbD4K 73056 2010-11-05 04:56:37 -0700 2010-11-05 04:56:37 -0700 no caret in contenteditable in iframe in conjunction with -webkit-transform and an overlapping element NoCursor.zip application/zip 2369 lon UEsDBAoAAAAAAJNlZT0AAAAAAAAAAAAAAAAJABAATm9DdXJzb3IvVVgMAATu00wm7tNM9QEUAFBL AwQUAAgACACkZmU9AAAAAAAAAAAAAAAAEgAQAE5vQ3Vyc29yLy5EU19TdG9yZVVYDAAk8NNMJPDT TPUBFADtmE1uwjAQhd+EqIrExkuWPkGl3sBCcAIugPhTkULpgu5znp6GG0GMXwARuiiLgsr7JOtL ZI8z2dgeA7D+1+wNcAAKJFt8uELB1iI7sx3mWKGcLcvppFxPrs/1cMTcX7DAK96xucjfH0bkwO7E tm7fzUvd28Uan5jjo46d3zyLEEII8XdYUtG9bxpCiAckrg+eDnSVbOzP6PwsxtGeDnSVbByX0Tld 0I72dKCrZC5axuLD+OWmeDFHezr86peFeBo6SS7u/8Of638hxD/G8sFo0MexIGgR91pft3ETAO7m aB8CsnRZ2MOp39OBrpJ1EBDiXuwBUEsHCDOZEP/0AAAABBgAAFBLAwQKAAAAAAClZmU9AAAAAAAA AAAAAAAACQAQAF9fTUFDT1NYL1VYDAAl8NNMJfDTTPUBFABQSwMECgAAAAAApWZlPQAAAAAAAAAA AAAAABIAEABfX01BQ09TWC9Ob0N1cnNvci9VWAwAJfDTTCXw00z1ARQAUEsDBBQACAAIAKRmZT0A AAAAAAAAAAAAAAAdABAAX19NQUNPU1gvTm9DdXJzb3IvLl8uRFNfU3RvcmVVWAwAJPDTTCTw00z1 ARQAY2AVY2dgYmDwTUxW8A9WiFCAApAYAycQGwGxAhCD+EEMSMCBATsAAFBLBwjckY+4KAAAAFIA AABQSwMEFAAIAAgACGZlPQAAAAAAAAAAAAAAAA8AEABOb0N1cnNvci9mLmh0bWxVWAwAJfDTTADv 00z1ARQAdY+xbsMwDET3fAWbpQmQOJ0b10uRMV26dZMlJiYsi4ZEO83fl7aMLG0BAhLIu+Nj6WgE y0FQy5GY2uPbWuKA60oaSqC1jE/LeAf1IHDnAW4cngUSIhioPYWWwhWsiShPcOYkwBeQBkGow1+G WQdGy/vyoBjValVONEnuE8P+hnVLspdoQrpw7F5h/noj+LV56b+3xwVxMunzEKLbQcSORwTS+OBm iLxPdbWxbV5Y6iHCAThYT7bVuzWu6COOxEP6pOmma9GrMcgHOyxy6ntD3m3+0m6PkNv/WybqB1x5 yATVD1BLBwggekME4gAAAIcBAABQSwMEFAAIAAgACGZlPQAAAAAAAAAAAAAAABoAEABfX01BQ09T WC9Ob0N1cnNvci8uX2YuaHRtbFVYDAAl8NNMAO/TTPUBFABjYBVjZ2BiYPBNTFbwD1aIUIACkBgD JxAbAXEnEIP4uxmIAo4hIUEMkTVXoTpmALEymhJGhLhocn6uXm5iclF+bmJJarFecmJRaglDNRfI Fcn5OaW5eQq2CkYmltZgkZzMvFQQ35qrFgBQSwcI62yHOmkAAAC7AAAAUEsDBBQACAAIAJZmZT0A AAAAAAAAAAAAAAAUABAATm9DdXJzb3Ivb3Blbm1lLmh0bWxVWAwAJfDTTAvw00z1ARQATY9BboMw EEXX5RS/3jSR2iSLqosEuIuBIR7FeJA9QHL7GiK12dme/988l9xHOxBSbCvTH5wO3mDhTl1lfk4n A0d8dVqZ73ypy+MzXhdlxzO4q8zdIOnDU2VGSaws4QzbJPGT0gUq4xm5Ot4vpi7e1HHC1kxoZabI 4Qp1hCf2cz1H6iW+PKK1IYgiOVlg0XgOt7XW2kh6KJuYuZGGTMMfvo8ybIgkU2wJu0zcEqzoZAl7 2NDhIdOH90hEW3YDwl4tB+xoppAFtsFCzY31S6MNKbsNq31SztWc/Bfdv8qshnmZ7ZUivNgu76WE 9SOO/PhelMcsWhe/UEsHCCiF5b/2AAAAgAEAAFBLAwQUAAgACACWZmU9AAAAAAAAAAAAAAAAHwAQ AF9fTUFDT1NYL05vQ3Vyc29yLy5fb3Blbm1lLmh0bWxVWAwAJfDTTAvw00z1ARQAY2AVY2dgYmDw TUxW8A9WiFCAApAYAycQGwFxOxCD+DsZiAKOISFBDJE156A6ZgCxIpoSRoS4aHJ+rl5uYnJRfm5i SWqxXnJiUWoJQzUXyBXJ+TmluXkKtgoG1mB+TmZeKpBnas1VCwBQSwcIn6ExcWgAAAC5AAAAUEsB AhUDCgAAAAAAk2VlPQAAAAAAAAAAAAAAAAkADAAAAAAAAAAAQO1BAAAAAE5vQ3Vyc29yL1VYCAAE 7tNMJu7TTFBLAQIVAxQACAAIAKRmZT0zmRD/9AAAAAQYAAASAAwAAAAAAAAAAECkgTcAAABOb0N1 cnNvci8uRFNfU3RvcmVVWAgAJPDTTCTw00xQSwECFQMKAAAAAAClZmU9AAAAAAAAAAAAAAAACQAM AAAAAAAAAABA/UF7AQAAX19NQUNPU1gvVVgIACXw00wl8NNMUEsBAhUDCgAAAAAApWZlPQAAAAAA AAAAAAAAABIADAAAAAAAAAAAQP1BsgEAAF9fTUFDT1NYL05vQ3Vyc29yL1VYCAAl8NNMJfDTTFBL AQIVAxQACAAIAKRmZT3ckY+4KAAAAFIAAAAdAAwAAAAAAAAAAECkgfIBAABfX01BQ09TWC9Ob0N1 cnNvci8uXy5EU19TdG9yZVVYCAAk8NNMJPDTTFBLAQIVAxQACAAIAAhmZT0gekME4gAAAIcBAAAP AAwAAAAAAAAAAECkgXUCAABOb0N1cnNvci9mLmh0bWxVWAgAJfDTTADv00xQSwECFQMUAAgACAAI ZmU962yHOmkAAAC7AAAAGgAMAAAAAAAAAABApIGkAwAAX19NQUNPU1gvTm9DdXJzb3IvLl9mLmh0 bWxVWAgAJfDTTADv00xQSwECFQMUAAgACACWZmU9KIXlv/YAAACAAQAAFAAMAAAAAAAAAABApIFl BAAATm9DdXJzb3Ivb3Blbm1lLmh0bWxVWAgAJfDTTAvw00xQSwECFQMUAAgACACWZmU9n6ExcWgA AAC5AAAAHwAMAAAAAAAAAABApIGtBQAAX19NQUNPU1gvTm9DdXJzb3IvLl9vcGVubWUuaHRtbFVY CAAl8NNMC/DTTFBLBQYAAAAACQAJALkCAAByBgAAAAA=