From 060ca12ff430350eeccf84566f2ab6eecbe05dcc Mon Sep 17 00:00:00 2001
From: Bottersnike <Bottersnike@users.noreply.github.com>
Date: Tue, 21 Mar 2023 15:45:28 +0000
Subject: [PATCH] Use overflow:auto not overflow:scroll (#883)

---
 client/src/components/layout/header/SearchBar.tsx          | 2 +-
 client/src/components/sessions/SessionCalendar.tsx         | 2 +-
 client/src/components/tables/cells/SeedsDiffCell.tsx       | 2 +-
 client/src/components/tables/seeds/SeedsQuestTable.tsx     | 2 +-
 client/src/components/tables/seeds/SeedsQuestlineTable.tsx | 2 +-
 client/src/components/tables/seeds/SeedsTableTable.tsx     | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/client/src/components/layout/header/SearchBar.tsx b/client/src/components/layout/header/SearchBar.tsx
index 5d665dfa3..5157be689 100644
--- a/client/src/components/layout/header/SearchBar.tsx
+++ b/client/src/components/layout/header/SearchBar.tsx
@@ -289,7 +289,7 @@ export default function SearchBar() {
 						className="quick-search quick-search-dropdown quick-search-has-result"
 					>
 						<div
-							style={{ maxHeight: "325px", overflowY: "scroll" }}
+							style={{ maxHeight: "325px", overflowY: "auto" }}
 							className="quick-search-wrapper"
 						>
 							{results ? <SearchResults results={results} /> : <Loading />}
diff --git a/client/src/components/sessions/SessionCalendar.tsx b/client/src/components/sessions/SessionCalendar.tsx
index c461a4e1f..70290a879 100644
--- a/client/src/components/sessions/SessionCalendar.tsx
+++ b/client/src/components/sessions/SessionCalendar.tsx
@@ -151,7 +151,7 @@ function SessionTooltip({ sessionID, game, playtype, reqUser }: { sessionID: str
 				{data.session.desc && <Muted>{data.session.desc}</Muted>}
 				<Divider />
 			</div>
-			<Row className="w-100" style={{ maxHeight: "500px", overflowY: "scroll" }}>
+			<Row className="w-100" style={{ maxHeight: "500px", overflowY: "auto" }}>
 				<SessionRaiseBreakdown noHeader sessionData={data} />
 			</Row>
 			<div className="w-100 text-center">
diff --git a/client/src/components/tables/cells/SeedsDiffCell.tsx b/client/src/components/tables/cells/SeedsDiffCell.tsx
index f383434b0..709849410 100644
--- a/client/src/components/tables/cells/SeedsDiffCell.tsx
+++ b/client/src/components/tables/cells/SeedsDiffCell.tsx
@@ -8,7 +8,7 @@ export default function SeedsDiffCell({ diffs }: { diffs: JSONAttributeDiff[] })
 				style={{
 					maxHeight: "200px",
 					maxWidth: "600px",
-					overflow: "scroll",
+					overflow: "auto",
 					textAlign: "left",
 				}}
 			>
diff --git a/client/src/components/tables/seeds/SeedsQuestTable.tsx b/client/src/components/tables/seeds/SeedsQuestTable.tsx
index cda867ff7..b62a04842 100644
--- a/client/src/components/tables/seeds/SeedsQuestTable.tsx
+++ b/client/src/components/tables/seeds/SeedsQuestTable.tsx
@@ -40,7 +40,7 @@ export const SeedsQuestCells: CellsRenderFN<QuestWithRelated> = ({
 		</td>
 		<td>{FormatGame(data.game, data.playtype)}</td>
 		<td>
-			<div style={{ maxHeight: "200px", overflowY: "scroll" }}>
+			<div style={{ maxHeight: "200px", overflowY: "auto" }}>
 				{data.questData.map((section) => (
 					<>
 						<h6>{section.title}</h6>
diff --git a/client/src/components/tables/seeds/SeedsQuestlineTable.tsx b/client/src/components/tables/seeds/SeedsQuestlineTable.tsx
index 7ab603a6b..f1d2691cd 100644
--- a/client/src/components/tables/seeds/SeedsQuestlineTable.tsx
+++ b/client/src/components/tables/seeds/SeedsQuestlineTable.tsx
@@ -39,7 +39,7 @@ export const SeedsQuestlineCells: CellsRenderFN<QuestlineWithRelated> = ({ data
 		</td>
 		<td>{FormatGame(data.game, data.playtype)}</td>
 		<td className="text-left">
-			<div style={{ maxHeight: "200px", overflowY: "scroll" }}>
+			<div style={{ maxHeight: "200px", overflowY: "auto" }}>
 				{data.quests.map((e) => {
 					const quest = data.__related.quests[e];
 
diff --git a/client/src/components/tables/seeds/SeedsTableTable.tsx b/client/src/components/tables/seeds/SeedsTableTable.tsx
index 102ae53c3..e4f822ae0 100644
--- a/client/src/components/tables/seeds/SeedsTableTable.tsx
+++ b/client/src/components/tables/seeds/SeedsTableTable.tsx
@@ -45,7 +45,7 @@ export const SeedsTableCells: CellsRenderFN<TableWithRelated> = ({ data }) => (
 		</td>
 		<td>{FormatGame(data.game, data.playtype)}</td>
 		<td className="text-left">
-			<div style={{ maxHeight: "200px", overflowY: "scroll" }}>
+			<div style={{ maxHeight: "200px", overflowY: "auto" }}>
 				{data.folders.map((e) => {
 					const folder = data.__related.folders[e];