Bug 210877 - [iOS] Cannot edit <text> with -webkit-user-modify: read-write unless it has taborder attribute
Summary: [iOS] Cannot edit <text> with -webkit-user-modify: read-write unless it has t...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: SVG (show other bugs)
Version: WebKit Local Build
Hardware: iPhone / iPad iOS 13
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar, PlatformOnly
Depends on:
Blocks:
 
Reported: 2020-04-22 14:51 PDT by Daniel Bates
Modified: 2020-04-22 15:58 PDT (History)
2 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
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>