This repository has been archived by the owner on Dec 29, 2022. It is now read-only.
Flickering Issue when moving up and down a scrollable document while sidebar is open #7
Comments
omelsoft
added a commit
to omelsoft/angular-sidebarjs
that referenced
this issue
Mar 7, 2019
omelsoft
added a commit
to omelsoft/sidebarjs
that referenced
this issue
Aug 25, 2021
Flickering Issue when moving up and down a scrollable document while the sidebar is open See: SidebarJS/angular-sidebarjs#7 This is generated when updating the sidebarjs.scss file and compile the CSS. Added the following in the --is-moving class: [sidebarjs-container] { transform: none!important; } in the following. [sidebarjs] { @extend %component--full-screen; position: fixed; z-index: 9999; transition: transform 0s $timing $duration; &.sidebarjs--is-visible { @include component--is-visible; } &.sidebarjs--is-moving { transition: none; transform: translate(0, 0); **[sidebarjs-container] { transform: none!important; }** [sidebarjs-container], [sidebarjs-backdrop] { transition: none; } } } The issue is that every time the user moves up and down the transform property always gets updated. That's the reason for the flickering issue. To fix that, I added an override to force the transform to none.
Sign up for free
to subscribe to this conversation on GitHub.
Already have an account?
Sign in.
Got the following issue when you try to move up and down on a scrollable document.
The text was updated successfully, but these errors were encountered: