Bug 183170
| Summary: | Position: static and z-index glitching | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | hughbellars |
| Component: | Layout and Rendering | Assignee: | Nobody <webkit-unassigned> |
| Status: | NEW | ||
| Severity: | Normal | CC: | bfulgham, simon.fraser, zalan |
| Priority: | P2 | ||
| Version: | Safari 11 | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
hughbellars
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
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
hughbellars
I've seemingly got a fix here: https://github.com/hughbe/hughbe.github.io/commit/dd022d2e63b1f73a1f068686e678bf0673868741#diff-03dd2c73e657dd388554b3f02614efdfR34
Simon Fraser (smfr)
Can you archive the broken version so we can use it for debugging?
hughbellars
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