Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(80)

Unified Diff: LayoutTests/fast/text-autosizing/list-marker-with-images-and-forms-autosizing.html

Issue 17071009: Consistently autosize markers in <ul> and <ol> lists. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@ls-TA-margins-14June
Patch Set: Created 7 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: LayoutTests/fast/text-autosizing/list-marker-with-images-and-forms-autosizing.html
diff --git a/LayoutTests/fast/text-autosizing/list-marker-with-images-and-forms-autosizing.html b/LayoutTests/fast/text-autosizing/list-marker-with-images-and-forms-autosizing.html
new file mode 100644
index 0000000000000000000000000000000000000000..4af24474bd823ed1b4b0c94f286f61cb42899d43
--- /dev/null
+++ b/LayoutTests/fast/text-autosizing/list-marker-with-images-and-forms-autosizing.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html style="font-size: 16px">
+<head>
+
+<meta name="viewport" content="width=800">
+<style>
+ body {
+ width: 800px;
+ margin: 0;
+ overflow-y: hidden;
+ }
+</style>
+
+<script>
+if (window.internals) {
+ window.internals.settings.setTextAutosizingEnabled(true);
+ window.internals.settings.setTextAutosizingWindowSizeOverride(320, 480);
+} else if (window.console && console.warn) {
+ console.warn("This test depends on the Text Autosizing setting being true, so run it in DumpRenderTree, or manually enable Text Autosizing, and either use a mobile device with 320px device-width (like Nexus S or iPhone), or define HACK_FORCE_TEXT_AUTOSIZING_ON_DESKTOP.");
+}
+</script>
+
+</head>
+<body>
+
+<div>
+The below list item markers should be autosized by a factor of 2.5 (800/320). The whole list is shifted to the right by 11px (7 (marker width) * (2.5-1) rounded) to compensate the scaling of list item markers and make sure they don't get chopped off.
+</div>
+<ul>
+<li>Simple plain list item</li>
+<li></li>
+<li><img></img></li>
+<li><form><input type="text"></input></form></li>
+</ul>
+
+</body>
+</html>

Powered by Google App Engine
This is Rietveld 408576698