Bug 330140 – Vanishing sticky elements on an overscrolled document

• Component: New Bugs
• Status: NEW

[Pawel Grzybek]

Created attachment 482139 [details]
Vanishing sticky elements on an overscrolled document

Look at what happens when you overscroll the bottom edge of the screen, when some sticky elements are on the page.

Here is the reduced test case.

```html
<main class="container">
  <section class="one">one</section>
  <section class="two">two</section>
  <p>Some content here...</p>
</main>
```

```css
.container {
  margin: 1rlh;
  padding: 1rlh;
  background: #eee;
}

.one,
.two {
  position: sticky;
  height: 2rlh;
}

.one {
  top: 0;
  background: salmon;
}

.two {
  top: 2rlh;
  background: rebeccapurple;
}
```