fix: allow vertical scroll pass-through on code blocks (#9454)

This commit is contained in:
Jaem
2026-01-27 14:57:47 +09:00
committed by GitHub
parent 893cddd2dc
commit 6d467d2e1d
2 changed files with 2 additions and 2 deletions

View File

@@ -87,7 +87,7 @@ export async function highlightCode(code: string, language: string = "tsx") {
{
pre(node) {
node.properties["class"] =
"no-scrollbar min-w-0 overflow-x-auto overscroll-none px-4 py-3.5 outline-none has-[[data-highlighted-line]]:px-0 has-[[data-line-numbers]]:px-0 has-[[data-slot=tabs]]:p-0 !bg-transparent"
"no-scrollbar min-w-0 overflow-x-auto overflow-y-auto overscroll-x-contain overscroll-y-auto px-4 py-3.5 outline-none has-[[data-highlighted-line]]:px-0 has-[[data-line-numbers]]:px-0 has-[[data-slot=tabs]]:p-0 !bg-transparent"
},
code(node) {
node.properties["data-line-numbers"] = ""

View File

@@ -190,7 +190,7 @@ export const mdxComponents = {
return (
<pre
className={cn(
"no-scrollbar min-w-0 overflow-x-auto overscroll-none px-4 py-3.5 outline-none has-[[data-highlighted-line]]:px-0 has-[[data-line-numbers]]:px-0 has-[[data-slot=tabs]]:p-0",
"no-scrollbar min-w-0 overflow-x-auto overflow-y-auto overscroll-x-contain overscroll-y-auto px-4 py-3.5 outline-none has-[[data-highlighted-line]]:px-0 has-[[data-line-numbers]]:px-0 has-[[data-slot=tabs]]:p-0",
className
)}
{...props}