Skip to main content

Browse the archive

Revision 15b0fb362111166b6d279074071e27dbae6aee37 authored by Majid Valipour on 25 October 2017, 18:18:27 UTC, committed by Blink WPT Bot on 25 October 2017, 18:28:47 UTC 
Revert "Rename CSS scroll-boundary-behavior to overscroll-behavior"
 
This reverts commit 74e8a0f74fc589a58258655f59aa7f1efa666155.

Reason for revert: This caused an issue on Linux64 no-op build.
Bug: 778310

Original change's description:
> Rename CSS scroll-boundary-behavior to overscroll-behavior
>
> The name change was decided here [1].
>
> This is the minimal patch to change the publicly exposed CSS property.
> It is intentionally small to make it easier to merge with M63. So,
> internally Blink and content still use ScrollBoundaryBehavior name which will
> be updated in the follow up patch larger patch.
>
>
> [1] https://github.com/WICG/scroll-boundary-behavior/issues/24
>
> Bug: 776776
> Cq-Include-Trybots: master.tryserver.blink:linux_trusty_blink_rel;master.tryserver.chromium.linux:linux_layout_tests_slimming_paint_v2
> Change-Id: Iaa6ad62253ed7fe9ed7f0ee9865ffda852b17801
> Reviewed-on: https://chromium-review.googlesource.com/737090
> Reviewed-by: Dimitri Glazkov <dglazkov@chromium.org>
> Reviewed-by: Sandra Sun <sunyunjia@chromium.org>
> Commit-Queue: Majid Valipour <majidvp@chromium.org>
> Cr-Commit-Position: refs/heads/master@{#511493}

TBR=majidvp@chromium.org,sunyunjia@chromium.org,dglazkov@chromium.org

Change-Id: I1d71b71c5d3c263fb2ff13c9d7a9184399df946f
No-Presubmit: true
No-Tree-Checks: true
No-Try: true
Bug: 776776
Cq-Include-Trybots: master.tryserver.blink:linux_trusty_blink_rel;master.tryserver.chromium.linux:linux_layout_tests_slimming_paint_v2
Reviewed-on: https://chromium-review.googlesource.com/738294
Reviewed-by: Majid Valipour <majidvp@chromium.org>
Commit-Queue: Majid Valipour <majidvp@chromium.org>
Cr-Commit-Position: refs/heads/master@{#511515}
1 parent 511cb08
Raw File
paint-function-arguments-ref.html 
<!DOCTYPE html>
<html>
<head>
<style>
#background {
  background-color: yellow;
  display: inline-block;
}

.container {
  font-size: 0px;
}
</style>
</head>
<body>

<div id="background">
  <div class="container">
    <canvas id ="box-1" width="200" height="200"></canvas>
  </div>
  <div class="container">
    <canvas id ="box-2" width="200" height="200"></canvas>
  </div>
</div>

<script>
function drawCanvas(canvasID, color, width) {
  var canvas = document.getElementById(canvasID);
  var context = canvas.getContext("2d", {alpha: true});
  context.clearRect(0, 0, canvas.width, canvas.height);
  context.strokeStyle = color;
  context.lineWidth = width;
  context.strokeRect(40, 40, 120, 120);
};

drawCanvas('box-1', 'rgb(50, 100, 150)', '5px');
drawCanvas('box-2', 'rgb(150, 100, 50)', '10px');

</script>
</body>
</html>
back to top