fix(InfiniteHits): prevent scroll on buttons (#109)

Haroenv · sarahdayan · commit 16a5e4c3563c · 2022-12-14T11:25:35.000+01:00
When you click these buttons in latest Chrome, it will keep those buttons on the same place in the viewport, which means that users will skip the next page of results. With this property added, that's fixed. This solution comes from https://bugs.chromium.org/p/chromium/issues/detail?id=1110323#c1 and has been verified by three customers so far.
diff --git a/packages/instantsearch-specs/src/scss/themes/reset.scss b/packages/instantsearch-specs/src/scss/themes/reset.scss
@@ -55,6 +55,13 @@
   }
 }
 
+// Prevent InfiniteHits buttons from moving scroll position
+// https://bugs.chromium.org/p/chromium/issues/detail?id=1110323
+.ais-InfiniteHits-loadPrevious,
+.ais-InfiniteHits-loadMore {
+  overflow-anchor: none;
+}
+
 // Reset widgets
 
 .ais-Breadcrumb-list,

Original file line number	Diff line number	Diff line change
`@@ -55,6 +55,13 @@`
`55`	`55`	`}`
`56`	`56`	`}`
`57`	`57`
	`58`	`+// Prevent InfiniteHits buttons from moving scroll position`
	`59`	`+// https://bugs.chromium.org/p/chromium/issues/detail?id=1110323`
	`60`	`+.ais-InfiniteHits-loadPrevious,`
	`61`	`+.ais-InfiniteHits-loadMore {`
	`62`	`+ overflow-anchor: none;`
	`63`	`+}`
	`64`	`+`
`58`	`65`	`// Reset widgets`
`59`	`66`
`60`	`67`	`.ais-Breadcrumb-list,`