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

Side by Side Diff: LayoutTests/scrollbars/custom-scrollbar-changing-style-relayout-div-body-scrollablearea-expected.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

« no previous file with comments | « LayoutTests/scrollbars/custom-scrollbar-changing-style-relayout-div-body-scrollablearea.html ('k') | Source/core/rendering/RenderBlock.h » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

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: scroll;

	14 }

	15 ::-webkit-scrollbar {

	16 width: 40px;

	17 height: 40px;

	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 div {

	34 width: 110px;

	35 height: 110px;

	36 border: thin solid black;

	37 overflow-x: scroll;

	38 overflow-y: scroll;

	39 }

	40 </style>

	41 <body>

	42 <div>

	43 <p style="width:140px">

	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 </p>

	46 </div>

	47 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

	48 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

	49 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

	50 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

	51 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

	52 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

	53 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

	54 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

	55 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

	56 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

	57 </body>

OLD	NEW