Chromium Code Reviews Chromium Code Reviews
Issue 1034433003:
Hittest for RootInlineBox/InlineFlowBox should take care of border-radius. (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master| Index: LayoutTests/fast/borders/border-hittest-inlineFlowBox.html |
| diff --git a/LayoutTests/fast/borders/border-hittest-inlineFlowBox.html b/LayoutTests/fast/borders/border-hittest-inlineFlowBox.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..4dda3fc9d33cc1a080c58c27a54099cd6a0a2829 |
| --- /dev/null |
| +++ b/LayoutTests/fast/borders/border-hittest-inlineFlowBox.html |
| @@ -0,0 +1,67 @@ |
| +<!doctype html> |
| +<html> |
| +<head> |
| +<script src="../../resources/js-test.js"></script> |
| +<style> |
| +body { margin: 2em; } |
|
leviw_travelin_and_unemployed
2015/03/27 17:42:26
Why?
Abhijeet Kandalkar Slow
2015/03/30 05:42:20
Was added for manual test. Removed it.
|
| + |
| +span { |
| + background-color: lightgray; |
| + border-radius: 2em; |
| + padding: 1em; |
| + line-height: 4em; |
| +} |
| + |
| +span:hover { |
|
leviw_travelin_and_unemployed
2015/03/27 17:42:26
Are these hover styles neessary?
Abhijeet Kandalkar Slow
2015/03/30 05:42:20
Was added for manual test. Removed it.
|
| + background-color: red; |
| +} |
| + |
| +label { |
| + padding: 2em; |
| + background-color: lightgreen; |
| + border-radius: 2em; |
| +} |
| + |
| +label:hover { |
| + background-color: green; |
| +} |
| + |
| +</style> |
| +</head> |
| +<body> |
| +<span id="A"> |
| +Two lines with <br/>a hard line break. |
| +</span> |
| +<br/><br/><br/> |
| +<span id="B">B<label href="#" id="C">C</label></span> |
| +<br/><br /><br /> |
| +<span id="D" style="padding: 2em;">D<label id="E" href="#" style="padding: 1em;">E</label></span> |
| +<br><br><br> |
|
leviw_travelin_and_unemployed
2015/03/27 17:42:26
Are all these BRs necessary? Can you take them out
Abhijeet Kandalkar Slow
2015/03/30 05:42:20
Unnecessary <br/> are removed.
|
| +<div id="console"></div> |
| +</body> |
| +<script> |
| +description('If this test passes, area outside border radius is body element.'); |
| + |
| +var rects = document.getElementById('A').getClientRects(); |
| +var elementInTopLeftCorner = document.elementFromPoint(rects[0].left, rects[0].top); |
| +shouldBeEqualToString('elementInTopLeftCorner.nodeName', 'BODY'); |
| +elementInTopLeftCorner = document.elementFromPoint(rects[1].left, rects[1].top); |
| +shouldBeEqualToString('elementInTopLeftCorner.nodeName', 'SPAN'); |
| + |
| +var rect = document.getElementById('B').getBoundingClientRect(); |
| +elementInTopLeftCorner = document.elementFromPoint(rect.left, rect.top); |
| +shouldBeEqualToString('elementInTopLeftCorner.nodeName', 'BODY'); |
| + |
| +rect = document.getElementById('C').getBoundingClientRect(); |
| +elementInTopLeftCorner = document.elementFromPoint(rect.left, rect.top); |
| +shouldBeEqualToString('elementInTopLeftCorner.nodeName', 'BODY'); |
| + |
| +rect = document.getElementById('D').getBoundingClientRect(); |
| +elementInTopLeftCorner = document.elementFromPoint(rect.left, rect.top); |
| +shouldBeEqualToString('elementInTopLeftCorner.nodeName', 'BODY'); |
| + |
| +rect = document.getElementById('E').getBoundingClientRect(); |
| +elementInTopLeftCorner = document.elementFromPoint(rect.left, rect.top); |
| +shouldBeEqualToString('elementInTopLeftCorner.nodeName', 'SPAN'); |
| +</script> |
| +</html> |
