[PR #3221] [MERGED] fix: elastic overscroll on safari #4289

New issue

Closed

opened 2026-03-17 01:50:17 +03:00 by kerem · 0 comments

kerem commented

2026-03-17 01:50:17 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/3221
Author: @liyasthomas
Created: 8/1/2023
Status: ✅ Merged
Merged: 8/2/2023
Merged by: @AndrewBastin

Base: release/2023.8.0 ← Head: fix/overscroll

📝 Commits (1)

d8e7e68 fix: elastic overscroll on safari

📊 Changes

3 files changed (+3 additions, -0 deletions)

View changed files

📝 packages/hoppscotch-common/assets/scss/styles.scss (+1 -0)
📝 packages/hoppscotch-sh-admin/assets/scss/styles.scss (+1 -0)
📝 packages/hoppscotch-ui/src/assets/scss/styles.scss (+1 -0)

📄 Description

`🤖 Generated by Copilot at b330203`

Before	After

Summary

🚫🛠️🖥️

Apply overscroll-none utility class to html and body elements in all packages. This prevents unwanted scrolling beyond the edges of the content in the Hoppscotch web app.

overscroll-none
applied to html, body
no more edge scrolling

Walkthrough

Prevent page from scrolling beyond edges of content by applying overscroll-none utility class to html and body elements in all packages (link, link, link)

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/hoppscotch/hoppscotch/pull/3221 **Author:** [@liyasthomas](https://github.com/liyasthomas) **Created:** 8/1/2023 **Status:** ✅ Merged **Merged:** 8/2/2023 **Merged by:** [@AndrewBastin](https://github.com/AndrewBastin) **Base:** `release/2023.8.0` ← **Head:** `fix/overscroll` --- ### 📝 Commits (1) - [`d8e7e68`](https://github.com/hoppscotch/hoppscotch/commit/d8e7e68fc1909c31e766090f15ff308fe28def9a) fix: elastic overscroll on safari ### 📊 Changes **3 files changed** (+3 additions, -0 deletions) <details> <summary>View changed files</summary> 📝 `packages/hoppscotch-common/assets/scss/styles.scss` (+1 -0) 📝 `packages/hoppscotch-sh-admin/assets/scss/styles.scss` (+1 -0) 📝 `packages/hoppscotch-ui/src/assets/scss/styles.scss` (+1 -0) </details> ### 📄 Description  ### <samp>🤖 Generated by Copilot at b330203</samp> | Before | After | | --- | --- | | <video src="https://github.com/hoppscotch/hoppscotch/assets/10395817/80109e5c-3f1e-421d-af21-6c65ef965247" /> | <video src="https://github.com/hoppscotch/hoppscotch/assets/10395817/80473ee4-1274-42f3-836d-9794d835052d" /> | ### Summary 🚫🛠️🖥️  Apply `overscroll-none` utility class to `html` and `body` elements in all packages. This prevents unwanted scrolling beyond the edges of the content in the Hoppscotch web app. > _`overscroll-none`_ > _applied to html, body_ > _no more edge scrolling_ ### Walkthrough * Prevent page from scrolling beyond edges of content by applying `overscroll-none` utility class to `html` and `body` elements in all packages ([link](https://github.com/hoppscotch/hoppscotch/pull/3221/files?diff=unified&w=0#diff-d3d67d4f57af5b5dea2f42b2746e17dca05e7b90714a231135dbab853f11d05fR7), [link](https://github.com/hoppscotch/hoppscotch/pull/3221/files?diff=unified&w=0#diff-e170c4199239be268cc69dd5a94f99997915f9648801e39f3d84a6c1d9c54063R7), [link](https://github.com/hoppscotch/hoppscotch/pull/3221/files?diff=unified&w=0#diff-5bf1f6af0d1183005848e78500dc64e5f9b6a28e1f905530faae464b470d58ceR7)) --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>