LayoutTests/scrollbars/custom-scrollbar-changing-style-relayout-body-scrollablearea.html - Issue 708283002: RLSA needsLayout on customscrollbar thickness change.

Side by Side Diff: LayoutTests/scrollbars/custom-scrollbar-changing-style-relayout-body-scrollablearea.html

Issue 708283002: RLSA needsLayout on customscrollbar thickness change. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: addressed review comments Created 6 years, 1 month 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 unified diff | Download patch

OLD	NEW
(Empty)
	1 <style>

	2 html {

	3 overflow: auto;

	4 }

	5 body {

	6 position: absolute;

	7 top: 20px;

	8 left: 20px;

	9 bottom: 20px;

	10 right: 20px;

	11 padding: 30px;

	12 overflow-y: scroll;

	13 overflow-x: hidden;

	14 }

	15 ::-webkit-scrollbar {

	16 width: 12px;

	17 height: 12px;

	18 }

	19 ::-webkit-scrollbar-track {

	20 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

	21 -webkit-border-radius: 10px;

	22 border-radius: 10px;

	23 }

	24 ::-webkit-scrollbar-thumb {

	25 -webkit-border-radius: 10px;

	26 border-radius: 10px;

	27 background: rgba(255,0,0,0.8);

	28 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);

	29 }

	30 ::-webkit-scrollbar-thumb:window-inactive {

	31 background: rgba(255,0,0,0.4);

	32 }

	33 </style>

	34 <body>

	35 Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac tu rpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vi tae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorpe r pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit ame t, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum or ci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilis is. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas a ugue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincid unt quis, accumsan porttitor, facilisis luctus, metus

	36 Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac tu rpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vi tae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorpe r pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit ame t, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum or ci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilis is. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas a ugue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincid unt quis, accumsan porttitor, facilisis luctus, metus

	37 Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac tu rpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vi tae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorpe r pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit ame t, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum or ci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilis is. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas a ugue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincid unt quis, accumsan porttitor, facilisis luctus, metus

	38 Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac tu rpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vi tae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorpe r pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit ame t, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum or ci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilis is. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas a ugue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincid unt quis, accumsan porttitor, facilisis luctus, metus

	39 Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac tu rpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vi tae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorpe r pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit ame t, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum or ci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilis is. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas a ugue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincid unt quis, accumsan porttitor, facilisis luctus, metus

	40 Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac tu rpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vi tae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorpe r pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit ame t, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum or ci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilis is. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas a ugue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincid unt quis, accumsan porttitor, facilisis luctus, metus

	41 Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac tu rpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vi tae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorpe r pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit ame t, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum or ci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilis is. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas a ugue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincid unt quis, accumsan porttitor, facilisis luctus, metus

	42 Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac tu rpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vi tae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorpe r pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit ame t, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum or ci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilis is. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas a ugue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincid unt quis, accumsan porttitor, facilisis luctus, metus

	43 Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac tu rpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vi tae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorpe r pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit ame t, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum or ci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilis is. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas a ugue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincid unt quis, accumsan porttitor, facilisis luctus, metus

	44 Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac tu rpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vi tae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorpe r pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit ame t, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum or ci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilis is. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas a ugue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincid unt quis, accumsan porttitor, facilisis luctus, metus

	45 </body>

	46 <script>

	47 var styleElement = document.createElement("style");

	48 var sheet = document.head.appendChild(styleElement).sheet;

	49 function addRule(selector, css){

	50 var propText = Object.keys(css).map(function(p){

	51 return p+":"+css[p]

	52 }).join(";");

	53 sheet.insertRule(selector + "{" + propText + "}", sheet.cssRules.length);

	54 };

	55 document.body.offsetTop;

	56 addRule("::-webkit-scrollbar", {width: "400px",});

	57 if (window.testRunner)

	58 testRunner.dumpAsTextWithPixelResults();

	59 </script>

OLD	NEW

« no previous file with comments | « no previous file | LayoutTests/scrollbars/custom-scrollbar-changing-style-relayout-body-scrollablearea-expected.html » ('j') | no next file with comments »