haikuwebkit/LayoutTests/fast/overflow/scrollIntoView-nested-in-ar...

22 lines
406 B
HTML
Raw Permalink Normal View History

Overflow scrollIntoView wrong with borders https://bugs.webkit.org/show_bug.cgi?id=152660 Patch by Martin Robinson <mrobinson@igalia.com> on 2020-10-27 Reviewed by Simon Fraser. Source/WebCore: Tests: fast/overflow/scrollIntoView-nested-in-area-with-border.html * rendering/RenderLayer.cpp: (WebCore::RenderLayer::scrollRectToVisible): Offset the exposure rect by the border so that it is relative to the content rectangle. LayoutTests: Added a new test for this fix and renamed a similar test to follow a standard naming convention. This will make the two tests easier to find. * fast/overflow/scrollIntoView-nested-in-area-with-border-expected.html: Added. * fast/overflow/scrollIntoView-nested-in-area-with-border.html: Added. * fast/overflow/scrollIntoView-overflow-hidden-expected.html: Renamed from LayoutTests/fast/overflow/overflow-hidden-scroll-into-view-expected.html. * fast/overflow/scrollIntoView-overflow-hidden.html: Renamed from LayoutTests/fast/overflow/overflow-hidden-scroll-into-view.html. * fast/spatial-navigation/snav-div-overflow-scrol-hidden-expected.txt: Updated expectation. * platform/ios/TestExpectations: Updated test name in expectations. * platform/mac-wk2/editing/input/caret-at-the-edge-of-contenteditable-expected.txt: Updated expectation. * platform/mac-wk2/editing/input/reveal-caret-of-multiline-contenteditable-expected.txt: Ditto. * platform/mac/editing/input/caret-at-the-edge-of-contenteditable-expected.txt: Ditto. * platform/mac/editing/input/reveal-caret-of-multiline-contenteditable-expected.txt: Ditto. * platform/mac/editing/input/reveal-caret-of-multiline-input-expected.txt: Ditto. Canonical link: https://commits.webkit.org/230958@main git-svn-id: https://svn.webkit.org/repository/webkit/trunk@269070 268f45cc-cd09-0410-ab3c-d52691b4dbfc
2020-10-27 21:04:15 +00:00
<!DOCTYPE html>
<html>
<head>
<title>Tests that scrollIntoView() works properly on a target nested inside a scrollable container with a border</title>
<style>
body {
margin: 0;
}
.box {
width: 50px;
height: 50px;
background: green;
margin: 100px;
}
</style>
</head>
<body>
<div class="box">
</body>
</html>