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

Menu bar shakes when swiping pages in Safari #2119

Open
evibhm opened this issue Jul 14, 2023 · 0 comments · May be fixed by #2143
Open

Menu bar shakes when swiping pages in Safari #2119

evibhm opened this issue Jul 14, 2023 · 0 comments · May be fixed by #2143
Labels
A-HTML Area: HTML Rendering C-bug Category: A bug, incorrect or unintended behavior

Comments

@evibhm
Copy link

evibhm commented Jul 14, 2023

Problem

Menu bar shakes when swiping pages in Safari

gif:
mdbook-swip-bug

Steps

  1. Find a relatively long page in the pages generated by mdbook and slide it.

Possible Solution(s)

The style

#menu-bar.sticky,
.js #menu-bar-hover-placeholder:hover + #menu-bar,
.js #menu-bar:hover,
.js.sidebar-visible #menu-bar {
    position: -webkit-sticky;
    position: sticky;
    top: 0 !important;
}

conflict with

#body-container {
    overflow-x: clip;
}

Notes

macOS Ventura 13.1
Safari Version 16.2

Version

mdbook v0.4.30
@evibhm evibhm added the C-bug Category: A bug, incorrect or unintended behavior label Jul 14, 2023
@ehuss ehuss added the A-HTML Area: HTML Rendering label Jul 17, 2023
@evibhm evibhm linked a pull request Jul 26, 2023 that will close this issue
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
A-HTML Area: HTML Rendering C-bug Category: A bug, incorrect or unintended behavior
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants