diff options
| author | jbroman@chromium.org <jbroman@chromium.org@bbb929c8-8fbe-4397-9dbb-9b2b20218538> | 2013-05-16 20:20:37 +0000 |
|---|---|---|
| committer | jbroman@chromium.org <jbroman@chromium.org@bbb929c8-8fbe-4397-9dbb-9b2b20218538> | 2013-05-16 20:20:37 +0000 |
| commit | 7bc73f54a4cf0813136d85e9373bbbc7921c15ec (patch) | |
| tree | 8ae7528fa471ef112d4a21b5b743ea42e9e90318 /third_party/WebKit/LayoutTests/fast/css/text-overflow-ellipsis-multiple-shadows.html | |
| parent | af393ef2ab50cc9c8570b9f65248ffeef139cb23 (diff) | |
| download | chromium_src-7bc73f54a4cf0813136d85e9373bbbc7921c15ec.zip chromium_src-7bc73f54a4cf0813136d85e9373bbbc7921c15ec.tar.gz chromium_src-7bc73f54a4cf0813136d85e9373bbbc7921c15ec.tar.bz2 | |
Improve shadow support in EllipsisBox.
Previously, the ellipsis generated by text-overflow: ellipsis would not
render correctly if multiple text-shadows were specified, or if the text
color was not opaque (but there was a shadow).
This brings the behaviour of EllipsisBox more in line with InlineTextBox (as far as text-shadow is concerned).
BUG=241073
Review URL: https://chromiumcodereview.appspot.com/15001034
git-svn-id: svn://svn.chromium.org/blink/trunk@150534 bbb929c8-8fbe-4397-9dbb-9b2b20218538
Diffstat (limited to 'third_party/WebKit/LayoutTests/fast/css/text-overflow-ellipsis-multiple-shadows.html')
| -rw-r--r-- | third_party/WebKit/LayoutTests/fast/css/text-overflow-ellipsis-multiple-shadows.html | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/third_party/WebKit/LayoutTests/fast/css/text-overflow-ellipsis-multiple-shadows.html b/third_party/WebKit/LayoutTests/fast/css/text-overflow-ellipsis-multiple-shadows.html new file mode 100644 index 0000000..764b755 --- /dev/null +++ b/third_party/WebKit/LayoutTests/fast/css/text-overflow-ellipsis-multiple-shadows.html @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<html> + <head> + <style> + .testDiv { + position: absolute; + left: 0; + top: 0; + overflow: hidden; + text-overflow: ellipsis; + font-size: 72px; + width: 2em; + text-shadow: 0px 8px green, 0px 16px blue; + } + </style> + </head> + <body> + <div class="testDiv">Blink</div> + </body> +</html> |