mirror of
https://github.com/LadybirdBrowser/ladybird
synced 2026-04-27 10:07:15 +02:00
c810e99842
When painting inspector overlays for a highlighted node, we want to
ignore any clipping that may be going on due to explicit CSS properties,
stacking contexts or similar. That makes sure our overlay is not
obscured by the clipping.
This fixes a regression from 009ddd4823.
25 lines
454 B
HTML
25 lines
454 B
HTML
<!DOCTYPE html>
|
|
<style>
|
|
#outer {
|
|
position: relative;
|
|
top: 50px;
|
|
left: 50px;
|
|
width: 200px;
|
|
height: 200px;
|
|
background-color: blue;
|
|
}
|
|
#inner {
|
|
position: absolute;
|
|
left: 50px;
|
|
top: 50px;
|
|
width: 100px;
|
|
height: 100px;
|
|
background-color: green;
|
|
}
|
|
</style>
|
|
<div id="outer"><div id="inner"></div></div>
|
|
<script>
|
|
const elementToHighlight = document.getElementById("inner");
|
|
window.internals.setHighlightedNode(elementToHighlight);
|
|
</script>
|