Skip to content

fix(vitepress-twoslash): scroll blocking on mobile viewports#1262

Open
micaiguai wants to merge 1 commit intoshikijs:mainfrom
micaiguai:fix/vitepress-mobile-scroll
Open

fix(vitepress-twoslash): scroll blocking on mobile viewports#1262
micaiguai wants to merge 1 commit intoshikijs:mainfrom
micaiguai:fix/vitepress-mobile-scroll

Conversation

@micaiguai
Copy link
Copy Markdown

  • <- Keep this line and put an x between the brackts.

Description

Revert PR #1235

In the latest vitepress with twoslash web, the arrow is hidden due to content-visibility: auto, which creates paint containment that behaves like overflow: hidden. The scroll problem also exsit.

So i use position: fixed to ensure popper relative to viewport, don't affect scrollarea.

image

Reproduce:

Refers:

Linked Issues

PR #1235

Additional context

I also tried modify the dist code of floating-vue to add throttle to scroll event, it's also works. but the repo is seem not maintain.

@netlify
Copy link
Copy Markdown

netlify bot commented Mar 12, 2026

Deploy Preview for shiki-matsu ready!

Name Link
🔨 Latest commit 7d2f784
🔍 Latest deploy log https://app.netlify.com/projects/shiki-matsu/deploys/69b2e0968a462600084fa735
😎 Deploy Preview https://deploy-preview-1262--shiki-matsu.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify
Copy link
Copy Markdown

netlify bot commented Mar 12, 2026

Deploy Preview for shiki-next ready!

Name Link
🔨 Latest commit 7d2f784
🔍 Latest deploy log https://app.netlify.com/projects/shiki-next/deploys/69b2e096d523a600083b7cdf
😎 Deploy Preview https://deploy-preview-1262--shiki-next.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@codecov
Copy link
Copy Markdown

codecov bot commented Mar 12, 2026

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 89.66%. Comparing base (4365957) to head (7d2f784).

Additional details and impacted files
@@           Coverage Diff           @@
##             main    #1262   +/-   ##
=======================================
  Coverage   89.66%   89.66%           
=======================================
  Files          79       79           
  Lines        3512     3512           
  Branches     1007     1009    +2     
=======================================
  Hits         3149     3149           
  Misses        327      327           
  Partials       36       36           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

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.

1 participant