198908 2019-06-16 20:20:37 -0700 Text caret renders incorrectly and is hard to use on iOS when text is rotated 2025-03-05 04:55:55 -0800 1 1 1 Unclassified WebKit HTML Editing Safari 12 iPhone / iPad Unspecified NEW CanvaBug, InRadar P2 Normal --- 1 xidorn-webkit webkit-unassigned fantasai.bugs fmuaddib megan_gardner mmaxfield simon.fraser webkit-bug-importer wenson_hsieh zalan oldest_to_newest 1545190 0 372230 xidorn-webkit 2019-06-16 20:20:37 -0700 Created attachment 372230 testcase Steps to reproduce: 1. open the testcase on iOS Safari 2. try to select different parts of the text and move the caret Expected result: the caret and selection area should be rotated as the text, and the caret can be moved along the rotated direction Actual result: the caret and selection area are still vertical, and the caret is hard to move. The testcase uses 45deg. It would even be worse if the rotation is changed to 90deg. 1545197 1 xidorn-webkit 2019-06-16 21:03:35 -0700 Related bug reports: * Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=1559739 * Chrome: https://bugs.chromium.org/p/chromium/issues/detail?id=974617 1545218 2 webkit-bug-importer 2019-06-17 01:38:23 -0700 <rdar://problem/51797960> 1545303 3 simon.fraser 2019-06-17 10:41:47 -0700 How common is editing rotated text? Was this a bug on a real site? 1545546 4 xidorn-webkit 2019-06-17 21:41:07 -0700 > How common is editing rotated text? Was this a bug on a real site? This is a bug on real site. We (Canva) allows users to rotate text in their designs. Our native mobile app tries to undo the rotation during editing in order to work around similar bug on native platforms. When we are porting things to web, we hit the same problem here. We don't currently have data about how frequent our users rotate text, and edit after the text is rotated. My personal guess would be that, moderate degrees (30°, 45°, etc.) may not be very common, but there may be more people who want to rotate ±90° so that horizontal text becomes vertical. This is unfortunately the worst case on iOS at the moment. I don't have any data to back that either, though. 2100502 5 fantasai.bugs 2025-03-04 20:55:55 -0800 This appears to have been fixed at some point. 372230 2019-06-16 20:20:37 -0700 2019-06-16 20:20:37 -0700 testcase rotated-text-editing.html text/html 339 xidorn-webkit PCFET0NUWVBFIGh0bWw+CjxtZXRhIG5hbWU9InZpZXdwb3J0IiBjb250ZW50PSJ3aWR0aD1kZXZp Y2Utd2lkdGgiPgo8c3R5bGU+Ci5vdXRlciB7CiAgd2lkdGg6IDIwMHB4OwogIHBhZGRpbmc6IDEw MHB4IDA7Cn0KLmlubmVyIHsKICB3aWR0aDogMTAwcHg7CiAgdmVydGljYWwtYWxpZ246IG1pZGRs ZTsKICB0cmFuc2Zvcm0tb3JpZ2luOiA1MCUgNTAlOwogIHRyYW5zZm9ybTogcm90YXRlKDQ1ZGVn KTsKICBvdXRsaW5lOiBub25lOwp9Cjwvc3R5bGU+CjxkaXYgY2xhc3M9Im91dGVyIj4KPGRpdiBj b250ZW50ZWRpdGFibGUgY2xhc3M9ImlubmVyIj5oZWxsbyB3b3JsZDwvZGl2Pgo8L2Rpdj4K