Merge pull request #267 from code-hike/border-box-scrollbars

Force content box in code-wrapper

Author: pomber

packages/mdx/src/smooth-code/code-tween.tsx

@@ -192,13 +192,16 @@ function Wrapper({
 }) {
   return (
     <div
+      className="ch-code-wrapper"
       {...htmlProps}
       style={{
         margin: 0,
         padding: 0,
         position: "relative",
         // using this instead of <pre> because https://github.com/code-hike/codehike/issues/120
         whiteSpace: "pre",
+        // to avoid resets using "border-box" that break the scrollbar https://github.com/code-hike/codehike/issues/240
+        boxSizing: "content-box",
         ...style,
         ...htmlProps?.style,
       }}