fix: dual scrollbars on code block (#103)

giuliana-gladeye · Shrinks99 · web-flow · commit adc38826db40 · 2026-07-01T12:55:52.000-04:00
Co-authored-by: Henry Wilkinson &lt;henry@wilkinson.graphics&gt;
diff --git a/packages/demo/astro.config.mjs b/packages/demo/astro.config.mjs
@@ -57,6 +57,7 @@ const watchUiSource = {
 
 // https://astro.build/config
 export default defineConfig({
+  devToolbar: { enabled: false },
   site,
   vite: {
     plugins: [tailwindcss(), resolveUiFromSource, watchUiSource],
diff --git a/packages/ui/src/components/code-block/code-block.module.css b/packages/ui/src/components/code-block/code-block.module.css
@@ -34,7 +34,7 @@
   @apply text-xs;
   @apply flex-1;
   @apply flex flex-col;
-  @apply overflow-scroll;
+  @apply overflow-auto;
   @apply min-w-0;
   font-family: var(--font-mono);
 }
@@ -71,7 +71,7 @@
 }
 
 .pre {
-  @apply bg-transparent! px-3! my-0!;
+  @apply bg-transparent! px-3! my-0! overflow-visible!;
   @apply py-3;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -34,7 +34,7 @@`
`34`	`34`	`@apply text-xs;`
`35`	`35`	`@apply flex-1;`
`36`	`36`	`@apply flex flex-col;`
`37`		`- @apply overflow-scroll;`
	`37`	`+ @apply overflow-auto;`
`38`	`38`	`@apply min-w-0;`
`39`	`39`	`font-family: var(--font-mono);`
`40`	`40`	`}`
`@@ -71,7 +71,7 @@`
`71`	`71`	`}`
`72`	`72`
`73`	`73`	`.pre {`
`74`		`- @apply bg-transparent! px-3! my-0!;`
	`74`	`+ @apply bg-transparent! px-3! my-0! overflow-visible!;`
`75`	`75`	`@apply py-3;`
`76`	`76`	`}`
`77`	`77`