Skip to content

Fixed overflow and dragging problems#227

Merged
NoobCrewDelux merged 2 commits intomainfrom
overflow-drag-fixes
Nov 10, 2025
Merged

Fixed overflow and dragging problems#227
NoobCrewDelux merged 2 commits intomainfrom
overflow-drag-fixes

Conversation

@NoobCrewDelux
Copy link
Copy Markdown
Contributor

@NoobCrewDelux NoobCrewDelux commented Oct 31, 2025

Added a mutation observer in the session wrapper to apply { draggable: false } to all "img" and "a" tags via the querySelectorAll function.

I used this because if we were to use global styling we would need to disable pointer-events on the "img" and "a" tag. This breaks things massively ( specifically if we do it on the "a" tag). So I decided to avoid using css entirely, and just apply the draggable attribute to each "img" and "a" tag. This prevents issues further down the line with debugging styling.

We would need to disable pointer events on the "a" tag because next/Link uses "a" in the DOM.

Put overflow-hidden in the root layout to clip everything to the viewport. This works everywhere unless you explicitly change the overflow behavior further down the DOM.

@NoobCrewDelux NoobCrewDelux self-assigned this Oct 31, 2025
@NoobCrewDelux NoobCrewDelux changed the title Fixxed overflow and dragging problems Fixed overflow and dragging problems Oct 31, 2025
@NoobCrewDelux NoobCrewDelux merged commit 6811afb into main Nov 10, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants