Use overflow:auto not overflow:scroll (#883)

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 />}

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">

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",
 				}}
 			>

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>

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];
 

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];