Bug 116413 - Text does not get truncated properly in vertical writing mode when overflow:hidden and text-overflow:ellipsis are set.
Summary: Text does not get truncated properly in vertical writing mode when overflow:h...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: 528+ (Nightly build)
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2013-05-19 08:12 PDT by zalan
Modified: 2022-06-02 22:39 PDT (History)
11 users (show)

See Also:


Attachments
test case (641 bytes, text/html)
2013-05-19 08:13 PDT, zalan
no flags Details
Patch (327.30 KB, patch)
2013-06-10 04:53 PDT, Yuki Sekiguchi
no flags Details | Formatted Diff | Diff
Patch (328.98 KB, patch)
2013-06-10 19:40 PDT, Yuki Sekiguchi
no flags Details | Formatted Diff | Diff
Patch (330.24 KB, patch)
2013-06-19 00:39 PDT, Yuki Sekiguchi
beidson: review-
Details | Formatted Diff | Diff
vertical overflow with ellipsis test (575 bytes, text/html)
2022-06-02 22:34 PDT, Karl Dubost
no flags Details
rendering in Safari, firefox, chrome (113.95 KB, image/png)
2022-06-02 22:39 PDT, Karl Dubost
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description zalan 2013-05-19 08:12:32 PDT
div {
    -webkit-writing-mode: vertical-rl; 
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    border: solid 1px red;
    height: 200px;
  }

  input {
    float: right;
  }

<div><input type="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 
</div>

In vertical writing mode, we should truncate the text at the edge of the input box and apply ellipsis in vertical writing mode. Currently we fail to do both.
Comment 1 zalan 2013-05-19 08:13:21 PDT
Created attachment 202234 [details]
test case
Comment 2 Yuki Sekiguchi 2013-06-10 04:53:28 PDT
Created attachment 204152 [details]
Patch
Comment 3 Build Bot 2013-06-10 05:26:29 PDT
Comment on attachment 204152 [details]
Patch

Attachment 204152 [details] did not pass win-ews (win):
Output: http://webkit-queues.appspot.com/results/811267
Comment 4 kov's GTK+ EWS bot 2013-06-10 09:11:59 PDT
Comment on attachment 204152 [details]
Patch

Attachment 204152 [details] did not pass gtk-ews (gtk):
Output: http://webkit-queues.appspot.com/results/753564
Comment 5 Yuki Sekiguchi 2013-06-10 19:40:04 PDT
Created attachment 204278 [details]
Patch
Comment 6 kov's GTK+ EWS bot 2013-06-11 10:59:14 PDT
Comment on attachment 204278 [details]
Patch

Attachment 204278 [details] did not pass gtk-ews (gtk):
Output: http://webkit-queues.appspot.com/results/784534
Comment 7 Yuki Sekiguchi 2013-06-19 00:39:04 PDT
Created attachment 204972 [details]
Patch
Comment 8 Brady Eidson 2016-05-24 22:00:56 PDT
Comment on attachment 204972 [details]
Patch

Assuming that patches for review since 2013 are stale, r-
Comment 9 Karl Dubost 2022-06-02 22:34:26 PDT
Created attachment 459995 [details]
vertical overflow with ellipsis test

This is a slightly better test which would work in all browsers by avoiding prefixes.
Comment 10 Karl Dubost 2022-06-02 22:39:10 PDT
Created attachment 459996 [details]
rendering in Safari, firefox, chrome

* firefox and chrome show the ellipsis
* safari doesn't cut the box at the same length and doesn't show the ellipsis
Comment 11 Radar WebKit Bug Importer 2022-06-02 22:39:46 PDT
<rdar://problem/94330690>