I am facing a weird issue in Chrome only: If I scroll the page, then click on an item in DocSidebar, the page navigates to a new URL but does not scroll to the top, but on click of second time it does. Any idea about the bad scroll state of the page? Thanks
Related
Rendering issues with our Docusaurus wiki page, when I navigate from staring the right pane renders properly beside left navigation pane, however when I refresh the page after navigating, the right pane loads at the bottom instead on the side to left navigation page
Right page to render properly beside left navigation pane even when refreshed.
It looks like Vuejs is automatically scrolling to the top of a page when you push the back button, which is weird because by default the window doesnt even scroll to the top when you change route in a SPA or go to a new page. You need to explicitly set scrollBehaviour to scroll to the top. So how can we prevent the page automatically scrolling to the top when you press the back button.
beforeRouteLeave (to, from, next) {
alert('Are you sure you want to leave this page and lose unsaved changes')
// Notice how the page automatically scrolls to the top here even if the user were to response 'No' in a dialog situation
}
Heres a code pen of the problem
https://codepen.io/anon/pen/bOGqVP
Browser back button scroll to top is defined by browser. Aparently we can disable that behaviour by adding this line of code
window.history.scrollRestoration = "manual"
Adding this code will tell browser that we handle the scroll.
I only test this in your codepen. Need testing in other browser
I'm testing our app and can't solve this problem with our developers.
On the app page, there are top bar, tab bar and scrolling content.
When the content is scrolling, the top bar button, (back, add to fav, etc) just won't work.
It makes the app seem slow when using it.
(Sometimes your finger already left the screen, but the content is still slowing down scrolling)
I tried Facebook and airbnb, and either of them has this issue.
See screenshot here
I am having problem on navigation bar in sencha :
My code flow is :
1.login page ->click on login button opens one list
2.on click on list items navigate to next page.
Which is ok.
but while getting back I get navigation bar on login page also wich I dont want.
Please, suggest me the proper way which should I follow.
Thanks
Hide your navigation bar in activate:{}method of login page getnavigationbar.hide();
I have a web application. It views fine in Firefox and IE. But when I use Safari, there seems to be a problem while loading pages that are long enough to have a vertical scroll bar in them. The page loads and displays the bottom or middle of the page by default. This happens only when Safari is not maximized to full screen.
Has anyone experienced this?
I figured it out. When there is a textfield that is focused, whenever the page loads or refreshes, Safari tries to keep the textfield inside the display area (unlike FF or IE). So my textfield was wayy down and so it scrolled down on every page load.