Sticky sidebars don’t stick in desktop safari

[brainkim]

🐛 Bug Report

The sidebars on the docs pages don’t stick in desktop safari (Safari Version 12.1, MacOS Version 10.14.4 Mojave).

Have you read the Contributing Guidelines on issues?

yis

To Reproduce

1. Open https://channel.js.org/docs/quickstart in safari
2. Scroll down

Expected behavior

Sidebas exhibit the same scroll behavior they do in Chrome

(Write what you thought would happen.)

Actual Behavior

They don’t

(Write what happened. Add screenshots, if applicable.)

Reproducible Demo

no thanks!

[brainkim]

May be related to #1241

[brainkim]

Duplicate of #877

[yangshun]

Thanks @brainkim, this is a legit issue I discovered as well. The issues you've linked earlier are v1 issues hence they're not duplicates. The reason is because we're not including autoprefixer in the CSS webpack config and safari needs -webkit-sticky instead of just sticky.

[shakcho]

@yangshun I would like to work on it, I just want to know do I need to autoprefixer or just need to update the css.

[yangshun]

@shakcho it's yours! Let's do autoprefixer as it's the more futureproof way. Please look at Create React App and we can emulate their webpack config for autoprefixing.

[shakcho]

@yangshun I also thinking the same. I will raise Pull Request ASAP.

[endiliey]

#1605