Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(2054)

Unified Diff: chrome/browser/resources/settings/settings_page/main_page_behavior.js

Issue 2504483002: MD Settings: Fix popstate behavior from section route to section route. (Closed)
Patch Set: fix closure compile Created 4 years, 1 month ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « no previous file | no next file » | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: chrome/browser/resources/settings/settings_page/main_page_behavior.js
diff --git a/chrome/browser/resources/settings/settings_page/main_page_behavior.js b/chrome/browser/resources/settings/settings_page/main_page_behavior.js
index ebf7979202f47c74c35f0c9da95ee93ee8e50158..02fbbcc869fbf63d3493b6ec7a63d8b0936c3b25 100644
--- a/chrome/browser/resources/settings/settings_page/main_page_behavior.js
+++ b/chrome/browser/resources/settings/settings_page/main_page_behavior.js
@@ -25,13 +25,21 @@ var MainPageBehaviorImpl = {
* @param {settings.Route} oldRoute
*/
currentRouteChanged: function(newRoute, oldRoute) {
+ // Scroll to the section except for back/forward. Also scroll for any
+ // back/forward navigations that are in-page.
+ var oldRouteWasSection =
+ !!oldRoute && !!oldRoute.parent && !!oldRoute.section &&
+ oldRoute.parent.section != oldRoute.section;
+ var scrollToSection =
+ !settings.lastRouteChangeWasPopstate() || oldRouteWasSection;
+
// If this is the first route, or the page was hidden, allow the page to
// render before expanding the section.
if (!oldRoute && newRoute.contains(settings.getCurrentRoute()) ||
this.scrollHeight == 0) {
- setTimeout(this.tryTransitionToSection_.bind(this));
+ setTimeout(this.tryTransitionToSection_.bind(this, scrollToSection));
} else {
- this.tryTransitionToSection_();
+ this.tryTransitionToSection_(scrollToSection);
}
},
@@ -41,9 +49,10 @@ var MainPageBehaviorImpl = {
* that one, then schedules this function again. This ensures the current
* section is quickly shown, without getting the page into a broken state --
* if currentRoute changes in between calls, just transition to the new route.
+ * @param {boolean} scrollToSection
* @private
*/
- tryTransitionToSection_: function() {
+ tryTransitionToSection_: function(scrollToSection) {
var currentRoute = settings.getCurrentRoute();
var currentSection = this.getSection(currentRoute.section);
@@ -63,7 +72,7 @@ var MainPageBehaviorImpl = {
if (!currentRoute.isSubpage() || expandedSection != currentSection) {
promise = this.collapseSection_(expandedSection);
// Scroll to the collapsed section.
- if (currentSection && !settings.lastRouteChangeWasPopstate())
+ if (currentSection && scrollToSection)
currentSection.scrollIntoView();
} else {
// Scroll to top while sliding to another subpage.
@@ -73,14 +82,14 @@ var MainPageBehaviorImpl = {
// Expand the section into a subpage or scroll to it on the main page.
if (currentRoute.isSubpage())
promise = this.expandSection_(currentSection);
- else if (!settings.lastRouteChangeWasPopstate())
+ else if (scrollToSection)
currentSection.scrollIntoView();
}
// When this animation ends, another may be necessary. Call this function
// again after the promise resolves.
if (promise)
- promise.then(this.tryTransitionToSection_.bind(this));
+ promise.then(this.tryTransitionToSection_.bind(this, scrollToSection));
},
/**
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698