fune/testing/web-platform/tests/css/css-flexbox/text-overflow-on-flexbox-001.html
Abhijeet Kandalkar db5ce51405 Bug 1626594 [wpt PR 22604] - [css-flexbox] Migrate text-overflow-on-flexbox.html to WPT, a=testonly
Automatic update from web-platform-tests
[css-flexbox] Migrate text-overflow-on-flexbox.html to WPT

Migrate this test out of third_party/blink/web_tests/css3/flexbox
and into the WPT-specific directory, adding links to the relevant
specs and a test assertion describing its purpose.

Bug: 1063749
Change-Id: Ibe59ff50182f6dc37dcdbfb436685322200a51f3
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2131812
Reviewed-by: Stephen McGruer <smcgruer@chromium.org>
Reviewed-by: David Grogan <dgrogan@chromium.org>
Commit-Queue: David Grogan <dgrogan@chromium.org>
Cr-Commit-Position: refs/heads/master@{#755544}

--

wpt-commits: d40282bd9da6c3cc92e560e83f505a197002d02b
wpt-pr: 22604
2020-04-06 12:43:59 +00:00

31 lines
750 B
HTML

<!DOCTYPE html>
<html>
<head>
<title>CSS Flexbox: text-overflow in flexbox</title>
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#flex-containers">
<link rel="match" href="reference/text-overflow-on-flexbox-001-ref.html">
<meta name="assert" content="This test ensures that the text-overflow on flexbox should have no effect"/>
<style>
div.flex {
display: flex;
width: 100px;
overflow: hidden;
text-overflow: ellipsis;
}
</style>
</head>
<body>
<div class="flex">
AAAAAAAAAAAAAAAAAAAA
</div>
<div class="flex">
<b>bbbbbbbbbbbbbbbbbbbb</b>
</div>
<div class="flex">
<div>cccccccccccccccccccc</div>
</div>
<div class="flex">
DDDDDDDDDDDDDDDDDDDD<b>ee</b>FFFFFFFFFFFFFFFFFFFF
</div>
</body>
</html>