fix: non-iframe scrolling, fix #386

histoire-dev · Dec 2, 2022 · 2c3981c · 2c3981c
1 parent 49fd495
commit 2c3981c
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git a/packages/histoire-app/src/app/components/story/GenericRenderStory.vue b/packages/histoire-app/src/app/components/story/GenericRenderStory.vue
@@ -29,7 +29,7 @@ watchEffect(async () => {
  <component
  :is="mountComponent"
  v-if="mountComponent"
- class="histoire-generic-render-story htw-sandbox-contain"
+ class="histoire-generic-render-story __histoire-render-story"
  :story="story"
  v-bind="$attrs"
  />

diff --git a/packages/histoire-app/src/app/style/main.pcss b/packages/histoire-app/src/app/style/main.pcss
@@ -64,8 +64,9 @@ button {
  }
  }
 
- .htw-sandbox-contain {
- contain: content;
+ .__histoire-render-story {
+ overflow: auto;
+ min-height: 100%;
  }
 
  .__histoire-code .shiki {

diff --git a/packages/histoire-app/src/app/style/sandbox.css b/packages/histoire-app/src/app/style/sandbox.css
@@ -18,6 +18,7 @@ html {
  display: none;
 }
 
-.htw-sandbox-contain {
- contain: content;
+.__histoire-render-story {
+ overflow: auto;
+ min-height: 100%;
 }