Bug 183170

Summary: Position: static and z-index glitching
Product: WebKit Reporter: hughbellars
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: bfulgham, simon.fraser, zalan
Priority: P2    
Version: Safari 11   
Hardware: Unspecified   
OS: Unspecified   

Description hughbellars 2018-02-27 12:17:10 PST
Steps to Reproduce

- Visit the following site on Chrome and Safari: http://hughbellamy.com/cv
- Scroll down the page and observe

Expected
The "About" section does not move and is below the "Coding" section. This happens on Chrome

Actual
There is really glitchy weird behaviour - sometimes the "About" section does indeed scroll, but sometimes it doesn't. It doesn't have the expected behaviour when the developer tools are visible. But when the developer tools *are* open, it does exhibit the expected behaviour!


There is a gif of the behaviour here: https://imgur.com/eSUxVjk
Comment 2 Simon Fraser (smfr) 2018-02-27 13:09:58 PST
Can you archive the broken version so we can use it for debugging?
Comment 3 hughbellars 2018-02-28 01:01:36 PST
I can archive the site but you'll have to build it yourself with npm (should be easy)

```
git clone https://github.com/hughbe/hughbe.github.io.git
cd hughbe.github.io
git checkout webkit-repro
npm install
npm start
```

And navigate to http://localhost:3000/cv