Bug 210877

Summary:	[iOS] Cannot edit <text> with -webkit-user-modify: read-write unless it has taborder attribute
Product:	WebKit	Reporter:	Daniel Bates <dbates>
Component:	SVG	Assignee:	Nobody <webkit-unassigned>
Status:	NEW ---
Severity:	Normal	CC:	webkit-bug-importer, zimmermann
Priority:	P2	Keywords:	InRadar, PlatformOnly
Version:	WebKit Local Build
Hardware:	iPhone / iPad
OS:	iOS 13
See Also:	https://bugs.webkit.org/show_bug.cgi?id=210875 https://bugs.webkit.org/show_bug.cgi?id=210885

Description Daniel Bates 2020-04-22 14:51:36 PDT

Consider the .svg page with the following markup:
[[
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g writing-mode="vertical-lr">
    <text id="text" font-size="50" x="50" y="50" style="-webkit-user-modify: read-write">Hello</text>
</g>
</svg>
]]

Open the page in MobileSafari. Tap the word "hello". Then nothing will happen, but I expected the keyboard to appear and a caret to show up and I should be able to edit the text.

Note that if you add an explicit taborder to the <text> then you can tap on it to start an input session:

[[
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g writing-mode="vertical-lr">
    <text id="text" font-size="50" x="50" y="50" style="-webkit-user-modify: read-write" taborder="0">Hello</text>
</g>
</svg>
]]

Comment 1 Radar WebKit Bug Importer 2020-04-22 14:51:44 PDT

<rdar://problem/62212276>