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 |
||
Daniel Bates
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>
]]
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/62212276>