Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Position sticky is incorrectly prefixed #257

Closed
isBatak opened this issue Mar 20, 2021 · 0 comments · Fixed by #258
Closed

Position sticky is incorrectly prefixed #257

isBatak opened this issue Mar 20, 2021 · 0 comments · Fixed by #258

Comments

@isBatak
Copy link
Contributor

isBatak commented Mar 20, 2021

Current behavior:

prefix(`position:sticky;`, 8)

this code produces incorrect CSS:

-webkit-position:sticky;position:sticky;

To reproduce:

https://codesandbox.io/s/stilis-sticky-webkit-prefix-f6bro?file=/src/App.js:210-239

Expected behavior:

Generated CSS should look like this

position: -webkit-sticky; /* Safari */
position: sticky;

Source:
https://www.w3schools.com/howto/howto_css_sticky_element.asp

Environment information:

  • stylis version: 4.0.7
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant