Bug 223419

Summary: vertical-rl writing mode not displaying English characters in contenteditable div
Product: WebKit Reporter: Andy Roddam <andyroddam>
Component: HTML EditingAssignee: Nobody <webkit-unassigned>
Status: RESOLVED FIXED    
Severity: Normal CC: andyroddam, mmaxfield, webkit-bug-importer, wenson_hsieh
Priority: P2 Keywords: InRadar
Version: Safari 14   
Hardware: All   
OS: All   
See Also: https://bugs.webkit.org/show_bug.cgi?id=223420
Attachments:
Description Flags
Video showing missing chars until selection is made none

Description Andy Roddam 2021-03-18 00:44:07 PDT
Created attachment 423564 [details]
Video showing missing chars until selection is made

When typing English (non-Asian/vertical) characters when the style.writingMode = 'vertical-rl' in a content editable div.  The characters do not display correctly until they are selected.

Created using the below simple sandboxed html:


<!DOCTYPE html>
<html>
<head>
<style>
p {
 writing-mode: vertical-rl;
 height:500px;
 width: 500px;
 border: 1px solid lightgrey;
 }
</style>
</head>
<body>

<p contenteditable="true">This is a paragraph. It is editable. Try to change this text.</p>

</body>
</html>
Comment 1 Radar WebKit Bug Importer 2021-03-25 00:45:20 PDT
<rdar://problem/75826136>
Comment 2 Andy Roddam 2024-01-31 01:28:54 PST
This seems to have been fixed as of Safari 15