Bug 183170 - Position: static and z-index glitching
Summary: Position: static and z-index glitching
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 11
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2018-02-27 12:17 PST by hughbellars
Modified: 2018-02-28 01:01 PST (History)
3 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
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