LayoutTests/scrollbars/custom-scrollbar-thumb-width-changed-on-inactive-pseudo-expected.html - Issue 748513006: Trigger style recalc when the window's active state change

Unified Diff: LayoutTests/scrollbars/custom-scrollbar-thumb-width-changed-on-inactive-pseudo-expected.html

Issue 748513006: Trigger style recalc when the window's active state change (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: fixed few more indentations Created 6 years 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

« no previous file with comments | « LayoutTests/scrollbars/custom-scrollbar-thumb-width-changed-on-inactive-pseudo.html ('k') | LayoutTests/scrollbars/resources/scrollable-iframe-customscrollbar.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: LayoutTests/scrollbars/custom-scrollbar-thumb-width-changed-on-inactive-pseudo-expected.html

diff --git a/LayoutTests/scrollbars/custom-scrollbar-thumb-width-changed-on-inactive-pseudo-expected.html b/LayoutTests/scrollbars/custom-scrollbar-thumb-width-changed-on-inactive-pseudo-expected.html

new file mode 100644

index 0000000000000000000000000000000000000000..17cb136133807ca4da9bb5aa888937d163c706ab

--- /dev/null

+++ b/LayoutTests/scrollbars/custom-scrollbar-thumb-width-changed-on-inactive-pseudo-expected.html

@@ -0,0 +1,110 @@

+<style>

+html {

+ overflow: auto;

+body {

+ position: absolute;

+ top: 20px;

+ left: 20px;

+ bottom: 20px;

+ right: 20px;

+ padding: 30px;

+ overflow-y: scroll;

+ overflow-x: scroll;

+::-webkit-scrollbar {

+ width: 100px;

+ height: 100px;

+::-webkit-scrollbar-track {

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

+ -webkit-border-radius: 10px;

+ border-radius: 10px;

+::-webkit-scrollbar-thumb {

+ -webkit-border-radius: 10px;

+ border-radius: 10px;

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

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

+div {

+ width: 300px;

+ height: 300px;

+ border: thin solid black;

+ overflow: scroll;

+</style>

+<body>

+<div>

+<p style="height:350px">

+Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

+Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero

+sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

+Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed,

+commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum,

+eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar

+facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue,

+eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan

+porttitor, facilisis luctus, metus.Pellentesque habitant morbi tristique senectus et netus

+et malesuada fames ac turpis egestas.Vestibulum tortor quam, feugiat vitae, ultricies eget,

+tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi

+vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.

+Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum,

+elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.

+Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus

+faucibus, tortor neque egestas augue,eu vulputate magna eros eu erat. Aliquam erat volutpat.

+Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.

+</p>

+</div>