CM6 Gutters not overflowing correctly

v6
1

gutters
gutters902×460 52.1 KB

As you can see in the photo, the code itself overflows fine, whereas the gutter seems to be stuck as if not taking into account the scroll. Any idea on how to fix this? This happens immediately on creation of the EditorView. Here’s my HTML using tailwind in case it helps:

<div class="h-full p-2 overflow-hidden">
        <CodeMirror
          class="h-full overflow-auto"
          :language="snip.language"
          :code="snip.code"
          :editable="false"
        />
 </div>

I’ve tried several combinations of 100% heights, and overflow-auto, but can’t seem to find a solution.

2

Found out the problem only occurs when I have a scale transition on the element. Seems to mess up the sizing. Anyways, I fixed that and now it’s good to go.